12-15-2019, 07:07 AM | #1 |
Groupie
Posts: 171
Karma: 40000
Join Date: Oct 2013
Device: kindle
|
Tables: what is the best way to render them on ebooks?
Hello, what do you think is the best way to render tables on epub/azw3 ebooks? I usually turn them into html tables, which works fine on kindle and on one of the apps I use (Moon+), but it doesn't work on Kobo (I'm told) and on Lithium, another app.
I guess turning them into images would make them more cross-compatible, but it would also make the books heavier. What's your suggestion? |
12-15-2019, 07:13 AM | #2 |
Resident Curmudgeon
Posts: 75,892
Karma: 134368292
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Tables do work on Kobo Readers. Create a test ePub with a table and I'll try it on my Kobo with the latest firmware.
|
Advert | |
|
12-15-2019, 07:17 AM | #3 |
Groupie
Posts: 171
Karma: 40000
Join Date: Oct 2013
Device: kindle
|
PM
|
12-15-2019, 09:00 AM | #4 |
A Hairy Wizard
Posts: 3,185
Karma: 18843349
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
JSWolf can definitely help you out testing for the kobo.
In general, tables should be avoided UNLESS they are small (2-3 columns) and really need to be presented as a table. Too many columns and the data just becomes unreadable on smaller displays. Your idea of using images is most definitely the most cross-compatible, and image "weight" can be minimized by choosing the correct format (.gif, .png, .jpg). However, you still need to be concerned with too many columns on a small display - it can make the image so small it's unreadable. |
12-15-2019, 09:29 AM | #5 |
Resident Curmudgeon
Posts: 75,892
Karma: 134368292
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Is it OK if I post a screen shot (with cellphone camera) of one of the tables? It does work no problem sort of. If the text if made large enough, it won't look good. But at whatever size it is in the photo, it looks good. It's the table from Tav. 4.
Oh and one more thing, I added a text-align: left to the table CSS as it looks better that way then the text trying to full justify. Last edited by JSWolf; 12-15-2019 at 09:38 AM. |
Advert | |
|
12-15-2019, 09:40 AM | #6 |
Groupie
Posts: 171
Karma: 40000
Join Date: Oct 2013
Device: kindle
|
Sure, post it.
|
12-15-2019, 09:42 AM | #7 |
Groupie
Posts: 171
Karma: 40000
Join Date: Oct 2013
Device: kindle
|
Wait, "Tav. 3" is actually an image. Tell me about the other ones, like "Tav. 4"
|
12-15-2019, 09:44 AM | #8 | |
Resident Curmudgeon
Posts: 75,892
Karma: 134368292
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
It looks good. |
|
12-15-2019, 12:36 PM | #9 |
Groupie
Posts: 171
Karma: 40000
Join Date: Oct 2013
Device: kindle
|
Looks good yes, thanks.
|
12-15-2019, 01:26 PM | #10 |
Resident Curmudgeon
Posts: 75,892
Karma: 134368292
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
There is going to be an issue on Kindles as they have wide left/right margins. On the Kobo, I have a rather narrow margin as you can see. And given that the table just fits, it may not fit on a Kindle screen.
For the table you asked me to look at in PM, make the headers muliti-line by adding a hyphen and then make those columns smaller. Do that for every table you can and you'll have a better chance of the table fitting with a larger font size. One other thing, my Kobo is an H2O and that uses a 6.8" screen. |
12-19-2019, 01:39 AM | #12 | |||
Wizard
Posts: 2,297
Karma: 12126329
Join Date: Jul 2012
Device: Kobo Forma, Nook
|
Quote:
But because of very huge font sizes + skinny devices (cell phones), you should minimize how many columns across your tables are (~5+ columns is about the soft limit, depending on data). You may have to display your data in a very different way: 1. "Transposing" or "verticalizing" the tables: Change a wide 3x13 table and flipping it to a tall 13x3. See example I posted in 2013, where I also went into more detail on HTML tables: "Tables in an EPUB?". 2. Converting from a table into actual text: For example, this table: Code:
------------------------------ First | Last | Votes ------------------------------ A1 | A2 | A3 B1 | B2 | B3 ------------------------------ Spoiler:
3. Split into X amount of skinnier tables: Spoiler:
Quote:
If you want to read more of the pros/cons of all different methods of displaying tables, there's also the discussion in "How to Control Fonts in SVG Images of Charts and Tables?". Quote:
Do not use that crappy JPG. :P |
|||
12-19-2019, 02:04 AM | #13 |
Wizard
Posts: 3,305
Karma: 10259306
Join Date: May 2016
Device: kobo forma, Kobo Libra, Huawei media Tab, fire HD10, PW3 HDX8.9,
|
i have had library book loans where tables were used and some text got cropped, either at the sides or at the bottom. I think that was independent of the device being used
I know that it was a tables issue as I got into the code and looked I don't think the device renderers have a solution for stuff that does not fit the screen, except to crop and discard |
12-19-2019, 01:29 PM | #14 |
Running with scissors
Posts: 1,555
Karma: 14325282
Join Date: Nov 2019
Device: none
|
I haven't tried this after the last update but on the kobo using nth-child to make a column right aligned doesn't work, for example
Code:
td { text-align: left; } table.twodigits td:nth-child(2) { text-align: right; } |
12-19-2019, 01:40 PM | #15 |
Resident Curmudgeon
Posts: 75,892
Karma: 134368292
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
You have to create your eBook such that it works with ADE 2.0.1 or ADE 3.x. I'm not sure what ADE version the RMSDK that Kobo is using is equivalent to. I do wish Kobo would update to the latest version RMSDK.
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Why do different books render differently in the viewer? | GarryB123 | Calibre | 33 | 11-14-2019 12:08 PM |
Do <u> tags render on your device or app? | DiapDealer | Sigil | 16 | 07-26-2019 10:26 AM |
Italics don't render in NOOK app | Ballory | Devices | 10 | 03-27-2019 11:03 PM |
An algorithm to render PDF in small devices | caritas | 111 | 05-18-2010 10:50 AM | |
over 2 mins to render PDF page | reh_reh | iRex | 6 | 11-11-2006 07:57 AM |