I'm trying to understand why some tables are displayed one way with a little clickable widget beneath the table and another table is displayed without this widget. Both examples have the same basic HTML and the same CSS.
The file is a epub3 and I'm using Kindle Previewer 3.92.0
See the attached screenshot images:
Image 1 has this code:
Code:
<table class="table95">
<tr><td>Some text here:</td><td>9</td><td>8</td><td>5</td><td>1</td><td>15</td><td>20</td></tr>
<tr><td>Row with text:</td><td>B</td><td>C</td><td>JI</td><td>L</td><td>P</td><td>M</td></tr>
</table>
and Image 2:
Code:
<table class="table95">
<tr><td>Alpha :</td><td>1 2 3 4 5 6 7</td><td>(some text here)</td></tr>
<tr><td>Beta :</td><td>1 2 3 4 5 6 b7</td><td>(another description)</td></tr>
</table>
The CSS selector:
Code:
.table95 {display: block; margin-top: 1em; margin-left: auto; margin-right: auto; margin-bottom: 0; width: 95%; }
The file has several tables which display like image1 with the clickable widget but the last table has no widget. Why would there be a difference in how they are displayed?