Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > Workshop

Notices

Reply
 
Thread Tools Search this Thread
Old 06-18-2021, 03:37 AM   #1
jonesyb
Enthusiast
jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.
 
Posts: 34
Karma: 82258
Join Date: May 2021
Device: kindle
Formatting tables best practices

I have had varying degrees of success formatting tables for eBooks. Here is an example of one I did recently that seems to work OK.




Code:
table { 
        max-width: 90%;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 1em auto 0 auto;
        vertical-align: baseline;
    }
#table  td, th {
        border: 1px solid #ddd;
        padding: 5px;
    }
Code:
<table summary="" id="table">
    <tbody>
        <tr>
            <td>
                ***
            </td>
            <td>
                ***
            </td>
            <td>
                ***
            </td>
        </tr>
        <tr>
            <td>
                ***
            </td>
            <td>
                ***
            </td>
            <td>
                ***
            </td>
        </tr>
        <tr>
            <td>
                ***
            </td>
            <td>
                ***
            </td>
            <td>
                ***
            </td>
        </tr>
        <tr>
            <td>
               ***
            </td>
            <td>
                ***
            </td>
            <td>
                ***
            </td>
        </tr>
    </tbody>
What is your method? Can you offer any improvements to what I have here? I would love to hear your insights as I want to make sure I am building them in the best way possible so they can be viewed properly on as many devices as possible.
jonesyb is offline   Reply With Quote
Old 06-18-2021, 10:57 AM   #2
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 2,324
Karma: 13611111
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 11/X/6/iPad 1,2 & Air/Surface Pro/Kindle PW
That's almost exactly what I use. Although, I tighten up the css a little, but that is just technique, not at all required.

Code:
table { 
        max-width: 95%;
        border-collapse: collapse;
        margin: 1em auto;
    }
tbody  td {
        border: 1px solid black;
        padding: 5px;
        text-align:center
    }
tbody  td:first-child {
        text-align: right
    }
I usually format headers and footers differently than the body, so I use the "tbody td", "thead th", and "tfoot td" individually.

I have seen css using "id" tags to define something specific...especially if it is used with js, but I haven't figured out if there is a point to it just to say that it is a tag... (especially since the IDs need to be unique). eg. <table id="table">

...same concept as people using classes (<p class="para">, <blockquote class="block">, etc.). Just define the base tag, then use a class or ID for a specific deviation from the default.

If there IS a reason, I would be interested in knowing.

You will also hear that tables should only be used when you absolutely MUST... and anything larger than 2-3 columns should be re-thought as it really messes up the display on smaller screen sizes; large tables usually do better as an image.
Turtle91 is online now   Reply With Quote
Advert
Old 06-18-2021, 11:46 AM   #3
jonesyb
Enthusiast
jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.jonesyb can do the Funky Gibbon.
 
Posts: 34
Karma: 82258
Join Date: May 2021
Device: kindle
Quote:
Originally Posted by Turtle91 View Post
That's almost exactly what I use. Although, I tighten up the css a little, but that is just technique, not at all required.

Code:
table { 
        max-width: 95%;
        border-collapse: collapse;
        margin: 1em auto;
    }
tbody  td {
        border: 1px solid black;
        padding: 5px;
        text-align:center
    }
tbody  td:first-child {
        text-align: right
    }
I usually format headers and footers differently than the body, so I use the "tbody td", "thead th", and "tfoot td" individually.

I have seen css using "id" tags to define something specific...especially if it is used with js, but I haven't figured out if there is a point to it just to say that it is a tag... (especially since the IDs need to be unique). eg. <table id="table">

...same concept as people using classes (<p class="para">, <blockquote class="block">, etc.). Just define the base tag, then use a class or ID for a specific deviation from the default.

If there IS a reason, I would be interested in knowing.

You will also hear that tables should only be used when you absolutely MUST... and anything larger than 2-3 columns should be re-thought as it really messes up the display on smaller screen sizes; large tables usually do better as an image.
Thanks this is great! Looks like my tables aren't too far off then which is good to know.

Yes I have already made some tables in to images before that definitely would not be possible in an eBook. I also try to avoid them where possible.
jonesyb is offline   Reply With Quote
Old 06-20-2021, 03:48 PM   #4
Tex2002ans
Wizard
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 1,888
Karma: 8150459
Join Date: Jul 2012
Device: Kobo Forma, Nook
Quote:
Originally Posted by jonesyb View Post
What is your method? Can you offer any improvements to what I have here? I would love to hear your insights as I want to make sure I am building them in the best way possible so they can be viewed properly on as many devices as possible.
Use HTML tables (<table>, <tr>, <th>, <td>):

Code:
<table>
	<tr>
		<th>Name</th>
		<th>Age</th>
	</tr>
	<tr>
		<td>Tex</td>
		<td>999</td>
	</tr>
	<tr>
		<td>Example</td>
		<td>123</td>
	</tr>
</table>
Avoid images of tables.

Using HTML allows font + size + color to be changed, read by Text-to-Speech, etc. etc. (Everything that makes ebooks great.)

For more details, see my posts:

If you want to go further, you can introduce a <thead> along with your <tbody> + add scope= to your rows/column headings:

Code:
<table>
<thead>
	<tr>
		<th scope="col">Name</th>
		<th scope="col">Age</th>
	</tr>
</thead>
<tbody>
	<tr>
		<td>Tex</td>
		<td>999</td>
	</tr>
	<tr>
		<td>Example</td>
		<td>123</td>
	</tr>
</tbody>
</table>
<thead> will allow headings to duplicate after page breaks + help Text-to-Speech.

See:

And if you want your tables properly designed (so many tables are AWFUL)...

This GIF sums it up nicely:

"How to make your tables less terrible"

Pretty much:
  • Text = Left-aligned, Numbers = Right-aligned
  • Make headings match alignment of data
  • No vertical lines
  • Use spacing to organize rows/columns

If you want more technical details on that, I highly recommend the absolutely fantastic book: "The Visual Display of Quantitative Information" by Edward Tufte.

Last edited by Tex2002ans; 06-20-2021 at 04:04 PM.
Tex2002ans is offline   Reply With Quote
Old 06-20-2021, 07:07 PM   #5
hobnail
Running with scissors
hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.
 
Posts: 1,197
Karma: 13175364
Join Date: Nov 2019
Device: none
Also similar to mine. But I think that the nth-child and first-child stuff doesn't work on the kobo, but I can't remember for sure. currentColor should be safer than black or some hex value; it does the right thing when the user switches to dark/night mode (white text on a black background); this is true everywhere you want black, not just tables.

Code:
table {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    margin-top: 1em;
}

table caption {
    font-weight: bold;
    padding-bottom: 0.5em;
}

table.coltwonum td:nth-child(2) {
    text-align: right;
}

table.colsthreenum td:nth-child(3) {
    text-align: right;
}

table.colfournum td:nth-child(4) {
    text-align: right;
}

table.colfivenum td:nth-child(5) {
    text-align: right;
}

td {
    border: 1px solid currentColor;
    empty-cells: show;
    padding: 0.125em;
    text-align: left;
}

tr.final {
   border-top:  2px solid currentColor;
}
hobnail is offline   Reply With Quote
Advert
Old 06-20-2021, 08:56 PM   #6
Tex2002ans
Wizard
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 1,888
Karma: 8150459
Join Date: Jul 2012
Device: Kobo Forma, Nook
I see you used caption in your CSS. How have you found support for that across devices?

I still include my captions in a separate <div>/<p>:

Code:
</table>

<div class="caption">
<p class="caption">Figure 1.1. This is an example.</p>
</div>
Code:
 div.caption {
	margin-bottom: 1em;
}

p.caption {
	text-align: center;
	text-indent: 0;
}

Last edited by Tex2002ans; 06-20-2021 at 08:58 PM.
Tex2002ans is offline   Reply With Quote
Old 06-21-2021, 12:53 PM   #7
phillipgessert
Groupie
phillipgessert ought to be getting tired of karma fortunes by now.phillipgessert ought to be getting tired of karma fortunes by now.phillipgessert ought to be getting tired of karma fortunes by now.phillipgessert ought to be getting tired of karma fortunes by now.phillipgessert ought to be getting tired of karma fortunes by now.phillipgessert ought to be getting tired of karma fortunes by now.phillipgessert ought to be getting tired of karma fortunes by now.phillipgessert ought to be getting tired of karma fortunes by now.phillipgessert ought to be getting tired of karma fortunes by now.phillipgessert ought to be getting tired of karma fortunes by now.phillipgessert ought to be getting tired of karma fortunes by now.
 
phillipgessert's Avatar
 
Posts: 159
Karma: 1641512
Join Date: Oct 2015
Location: Madison, WI
Device: Kindle 5th Gen
Quote:
Originally Posted by Tex2002ans View Post

If you want more technical details on that, I highly recommend the absolutely fantastic book: "The Visual Display of Quantitative Information" by Edward Tufte.
A great book that's far less dry than the title would suggest!
phillipgessert is offline   Reply With Quote
Old 06-21-2021, 02:01 PM   #8
hobnail
Running with scissors
hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.
 
Posts: 1,197
Karma: 13175364
Join Date: Nov 2019
Device: none
Quote:
Originally Posted by Tex2002ans View Post
I see you used caption in your CSS. How have you found support for that across devices?
My vague memory is that it worked. I only tried it on the kobo and kindle. Tables aren't something I normally do; this was in a book by Mark Twain.
hobnail is offline   Reply With Quote
Old 06-21-2021, 02:25 PM   #9
Tex2002ans
Wizard
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 1,888
Karma: 8150459
Join Date: Jul 2012
Device: Kobo Forma, Nook
Quote:
Originally Posted by phillipgessert View Post
A great book that's far less dry than the title would suggest!
I was just watching this great video today:

"Why Road Barriers Stopped Killing Drivers"

And about halfway through the video, they flash a few tables showing off death/safety statistics:

Click image for larger version

Name:	Original.Table.png
Views:	86
Size:	237.6 KB
ID:	187804

Bleh!!! Ptoowey!

1. You see all that centered alignment?

It makes it impossible to skim your eyes down a column and COMPARE rows. (The entire purpose of using a table in the first place.)

If you right-align numbers, all:
  • 100s line with 100s
  • 10s with 10s
  • 1s with 1s

2. All those $ signs in every row?

Get rid of those and move those into the column header.

3. You see all those vertical lines?

You think you need them, but they're useless.

4. You see all those horizontal lines between rows?

You think you need them, but they're useless.

Optional exceptions: 1 above/below the table + 1 between the header/data.

(This visually separates the table from the text itself.)

* * *

Here's 3 versions of the same table in various stages of cleanup (from worse->better):

Spoiler:
Version A (Alignment):

Code:
----------------------------------------------------------
Severity          |  Minimum  |      Mean  |    Maximum 
                  |  Cost ($) |  Cost ($)  |    Cost ($)
----------------------------------------------------------
Fatal             | 190,200   | 4,288,422  | 10,100,000
Disabling Injury  |  89,200   |   781,094  |  3,300,000
Evident Injury    |       0   |   174,335  |    955,500
Possible Injury   |       0   |    98,188  |    955,500
PDO               |       0   |    10,582  |     42,298
----------------------------------------------------------
Version B (Remove verticals):

Code:
----------------------------------------------------------
Severity           Minimum         Mean     Maximum 
                   Cost ($)    Cost ($)     Cost ($)
----------------------------------------------------------
Fatal              190,200    4,288,422   10,100,000
Disabling Injury    89,200      781,094    3,300,000
Evident Injury           0      174,335      955,500
Possible Injury          0       98,188      955,500
PDO                      0       10,582       42,298
----------------------------------------------------------
Version C (Remove horizontals):

Code:
Severity           Minimum         Mean      Maximum 
                   Cost ($)    Cost ($)      Cost ($)

Fatal              190,200    4,288,422   10,100,000
Disabling Injury    89,200      781,094    3,300,000
Evident Injury           0      174,335      955,500
Possible Injury          0       98,188      955,500
PDO                      0       10,582       42,298


And here's what an HTML recreation might look like:

Click image for larger version

Name:	Rereated.Table.(HTML).png
Views:	81
Size:	16.0 KB
ID:	187805

Same exact data. Perfectly readable, perfectly understandable.

Tools you need? Alignment + spacing.

Bold is optional (although not even needed).

Quote:
Originally Posted by hobnail View Post
My vague memory is that it worked. I only tried it on the kobo and kindle.
Thanks for the info. Last I tried it (a few years ago), I was having trouble with moving <caption> to the top:

https://developer.mozilla.org/en-US/...S/caption-side

so I gave up and didn't look much further. (I remember it working on a few of the devices, but failing on many others.)

It may be okay for very simple tables... but the kinds of complicated tables I work on, I just wrote off the entire thing.

But I'd definitely be open for anyone else's testing/research on it. In all these years on MobileRead, I can't recall anyone ever really speaking about <caption>.

Last edited by Tex2002ans; 06-21-2021 at 02:57 PM.
Tex2002ans is offline   Reply With Quote
Old 06-21-2021, 04:04 PM   #10
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 2,324
Karma: 13611111
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 11/X/6/iPad 1,2 & Air/Surface Pro/Kindle PW
I totally agree with Tex...especially for a full html website. But, for an ePub, I still don't like the look of large tables (more than 2-3 columns) on small screens (think phones in portrait mode). You just get too squished, or columns run off the page, or font has to be too small to fit everything...
Turtle91 is online now   Reply With Quote
Old 06-21-2021, 08:22 PM   #11
Tex2002ans
Wizard
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 1,888
Karma: 8150459
Join Date: Jul 2012
Device: Kobo Forma, Nook
Quote:
Originally Posted by Turtle91 View Post
I totally agree with Tex...especially for a full html website. But, for an ePub, I still don't like the look of large tables (more than 2-3 columns) on small screens (think phones in portrait mode).
Read those Tables threads. All pros/cons of HTML Tables vs. Images-of-Tables are discussed at length.

The HTML advantages of Accessibility + TTS + searchability + copy/pastability + following user settings... outweigh the pros of static images. (Wow, "it looks the same" as the print book + I can use the background as a flashlight! )

Quote:
Originally Posted by Turtle91 View Post
You just get too squished, or columns run off the page, or font has to be too small to fit everything...
This is one of the few cons, but even this has been mitigated in the past few years with better readers.

Like Kindle now allows you to expand/scroll large tables (similar to zooming + panning/scanning large resolution images).

I believe Kobo has similar functionality too.

You also have rotatable devices, so some can be flipped to landscape temporarily if you stumble across a wide table.

* * *

And on wide tables...

Transposing/Verticalization, where you flip the X- + Y-axis, can also be used. For example:

6x3

Code:
Name    Color  Cool?  Number  Tabs  # Teas
Tex     Red    Very        1    15      30
Turtle  Gray   Meh         2    99       5
3x6

Code:
Name    Tex   Turtle
Color   Red   Gray
Cool?   Very  Meh
Number     1    2
Tabs      15   99
# Teas    30    5
You may want to do this in your ebooks if you get to ~4-5+ columns, depending on the data.

Me and Hitch also discussed that (I believe in those same linked threads).

Print books are also limited by vertical size of the page, hence more horizontal tables.

Ebooks have infinite verticality, but limited horizontal space (skinny cellphones + large fonts), hence vertical tables may be better.

Last edited by Tex2002ans; 06-21-2021 at 08:47 PM.
Tex2002ans is offline   Reply With Quote
Old 06-22-2021, 01:46 PM   #12
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 2,324
Karma: 13611111
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 11/X/6/iPad 1,2 & Air/Surface Pro/Kindle PW
Quote:
Originally Posted by Tex2002ans View Post
...
This is one of the few cons, but even this has been mitigated in the past few years with better readers.

Like Kindle now allows you to expand/scroll large tables (similar to zooming + panning/scanning large resolution images).
That is really good to hear! Gotta love new tech!!
Is that tech just on new devices or is it supported on the older hardware?

Quote:
Originally Posted by Tex2002ans View Post
Transposing/Verticalization, where you flip the X- + Y-axis, can also be used. For example:
...
Ebooks have infinite verticality, but limited horizontal space (skinny cellphones + large fonts), hence vertical tables may be better.


I usually use auto-scroll on my reader, Marvin, so I truly have unlimited vertical space. However, if you have 'paged' content, does the ePub spec support the "display: table-header-group" property to repeat the header across breaking pages??
Turtle91 is online now   Reply With Quote
Old 06-22-2021, 04:36 PM   #13
Tex2002ans
Wizard
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 1,888
Karma: 8150459
Join Date: Jul 2012
Device: Kobo Forma, Nook
Quote:
Originally Posted by Turtle91 View Post
That is really good to hear! Gotta love new tech!!
Is that tech just on new devices or is it supported on the older hardware?
Not sure, I don't have an actual Kindle, but it does show up in Kindle Previewer.

I assume it's a KFX thing.

Maybe jhowell or someone who has a Kindle can give more information.

Quote:
Originally Posted by Turtle91 View Post
However, if you have 'paged' content, does the ePub spec support the "display: table-header-group" property to repeat the header across breaking pages??
I don't know about that specific CSS...

But when I use <thead> it duplicates headings to the next page in Gitden Reader (Android) + PocketBook Reader (Android) + even in an EPUB->DOCX conversion using EPUBTools.

I haven't done extensive testing though. And at the worst case, it'll just split tables/cells as normal.

Last edited by Tex2002ans; 06-22-2021 at 04:39 PM.
Tex2002ans is offline   Reply With Quote
Old 06-22-2021, 07:58 PM   #14
jhowell
Wizard
jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.
 
jhowell's Avatar
 
Posts: 4,653
Karma: 44726043
Join Date: Nov 2011
Location: Tampa Bay, Florida
Device: Oasis 2, Fire, iPad Air 2, Nexus 7
Quote:
Originally Posted by Tex2002ans View Post
Not sure, I don't have an actual Kindle, but it does show up in Kindle Previewer.

I assume it's a KFX thing.

Maybe jhowell or someone who has a Kindle can give more information.
The table viewer is part of the KFX renderer. It is enabled during conversion to KFX only for tables that meet the criteria to be considered a "data table". (I haven't investigated exactly what those criteria are.)

When enabled the table is followed by an icon of a box with a diagonal two headed arrow indicating that the table can be expanded. Clicking that opens a screen containing just the table that can be panned and zoomed like an image to view it in more detail.
Attached Thumbnails
Click image for larger version

Name:	screenshot_2021_06_22T19_53_27-0400.png
Views:	64
Size:	62.4 KB
ID:	187838   Click image for larger version

Name:	screenshot_2021_06_22T19_53_49-0400.png
Views:	60
Size:	46.1 KB
ID:	187839   Click image for larger version

Name:	screenshot_2021_06_22T19_53_59-0400.png
Views:	63
Size:	79.8 KB
ID:	187840  
jhowell is offline   Reply With Quote
Old 06-23-2021, 01:34 AM   #15
Tex2002ans
Wizard
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 1,888
Karma: 8150459
Join Date: Jul 2012
Device: Kobo Forma, Nook
Thanks for the detailed info.
Tex2002ans is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
[KOBO] Strip existing formatting to apply my own default formatting to all books digital_steve Calibre 2 08-10-2010 06:34 PM
Calibre and FORMATTING how to stop it altering my formatting? nerys Calibre 37 07-23-2010 02:35 AM
Calibre and FORMATTING how to stop it altering my formatting? nerys Calibre 0 02-28-2010 04:51 PM
line formatting formatting question daesdaemar Workshop 9 02-06-2009 11:47 AM


All times are GMT -4. The time now is 09:11 AM.


MobileRead.com is a privately owned, operated and funded community.