Words breaking horizontally in tables

[BRupp]

Hi! I hope someone can help me.

I made a book in InDesign and exported to reflowable EPUB. It has a lot of tables. On some of my longer tables the table splits in the middle of a row and often cuts the words where the top half of the word is on one page and the bottom half is on the next page.

Any idea on how to fix it? Please explain simply. I’ve been using oxygen for editing but can use Sigil or Calibre if that would be easier.

Thanks in advance!

[RbnJrg]

Originally Posted by BRupp

Hi! I hope someone can help me.

I made a book in InDesign and exported to reflowable EPUB. It has a lot of tables. On some of my longer tables the table splits in the middle of a row and often cuts the words where the top half of the word is on one page and the bottom half is on the next page.

Any idea on how to fix it? Please explain simply. I’ve been using oxygen for editing but can use Sigil or Calibre if that would be easier.

Thanks in advance!

Give the text inside a table-cell the property "display: inline-block". You should have something like (in your xhtml file):

<tr>
  <td><p class="nb">blah, blah, blah...., blah</p></td>
</tr>

where the style "nb" would be:

.nb {
  display: inline-block;
}

Since I don't know how is your table, maybe you should also include inside the style "nb" the property "width: 100%".

[BRupp]

Ok, thanks, I will try that.

[Turtle91]

Originally Posted by RbnJrg

Give the text inside a table-cell the property "display: inline-block". You should have something like (in your xhtml file):

<tr>
  <td><p class="nb">blah, blah, blah...., blah</p></td>
</tr>

where the style "nb" would be:

.nb {
  display: inline-block;
}

Since I don't know how is your table, maybe you should also include inside the style "nb" the property "width: 100%".

Unless there is a very special styling that is only available when using a <p> you don’t need them… just include the class in your <td>

 
<tr>
  <td class="nb">blah, blah, blah...., blah</td>
</tr>

[RbnJrg]

Originally Posted by Turtle91

Unless there is a very special styling that is only available when using a <p> you don’t need them… just include the class in your <td>

 
<tr>
  <td class="nb">blah, blah, blah...., blah</td>
</tr>

There are issues with some ereaders if you give the property in <td>. Legacy ADE is problematic to handle long tables. And we don't know if the table-row has one or more cells. Also if the epub is built as source for a Kindle ebook, there is a bug in some Kindle models (Kindle Voyage if my memory serves me right) that make necessary to employ the <p> tag.

[BRupp]

Is there a way to prevent a table splitting in the middle of a row?

The tables have several columns and usually a fair amount of text in each cell.

[RbnJrg]

Originally Posted by BRupp

Is there a way to prevent a table splitting in the middle of a row?

The tables have several columns and usually a fair amount of text in each cell.

Where are you opening your epub? Because your issue can be originated due to your ereader doesn't honor "display: inline-block" (or you are not applying the property correctly). If you are opening your epub with Cool Reader, Readera, or similars, then you are buying troubles. And you are working under epub2 or epub3? Can you post here your table?