View Single Post
Old 09-09-2020, 04:00 PM   #12
szalonyptak
Bookaholic
szalonyptak is far, far better than a slap in the face with a wet fish.szalonyptak is far, far better than a slap in the face with a wet fish.szalonyptak is far, far better than a slap in the face with a wet fish.szalonyptak is far, far better than a slap in the face with a wet fish.szalonyptak is far, far better than a slap in the face with a wet fish.szalonyptak is far, far better than a slap in the face with a wet fish.szalonyptak is far, far better than a slap in the face with a wet fish.szalonyptak is far, far better than a slap in the face with a wet fish.szalonyptak is far, far better than a slap in the face with a wet fish.szalonyptak is far, far better than a slap in the face with a wet fish.szalonyptak is far, far better than a slap in the face with a wet fish.
 
Posts: 11
Karma: 93748
Join Date: Aug 2020
Location: Barcelona area
Device: Kindle Paperwhite
@KevinH: you're right, I did as you suggested and 2 out of 3 tables look good on the device, the one that doesn't has 8 columns which I guess is a bit too many for the limitted space available -even if I use my Kindle in landscape mode.

@hobnail: below are my test tables and styles, in case you feel like playing around with them.

TABLES:
Spoiler:


<table id="tabl1" style="fixed">
<tr>
<th>Time</th>
<th>Activity</th>
</tr>
<tr>
<td>07:00 - 07:55</td>
<td>Jogging</td>
</tr>
<tr>
<td>08:00 - 08:05</td>
<td>Take a shower</td>
</tr>
<tr>
<td>08:15 - 09:50</td>
<td>Breakfast</td>
</tr>
<tr>
<td>10:00 - 10:45</td>
<td>Reading a book</td>
</tr>
</table>
<br/><br/>
<table id="tabl2">
<tr>
<td>–271.500</td>
<td>–233.468</td>
<td>–249.608</td>
<td>–95.281</td>
<td>–103.750</td>
<td>–46.946</td>
<td>–55.717</td>
<td>-7.226</td>
</tr>
<tr>
<td>168.229</td>
<td>51.611</td>
<td>–21.544</td>
<td>–230.520</td>
<td>–8.238</td>
<td>–24.495</td>
<td>–52.657</td>
<td>–96.621</td>
</tr>
<tr>
<td>-27.198</td>
<td>–31.236</td>
<td>–32.278</td>
<td>173.389</td>
<td>–51.141</td>
<td>–56.942</td>
<td>4.002</td>
<td>49.143</td>
</tr>
</table>
<br/><br/>
<table id="tabl3" style="fixed">
<tr>
<th>Name</th>
<th>x<sub>1</sub></th>
<th>x<sub>2</sub></th>
<th>x<sub>3</sub></th>
<th>x<sub>4</sub></th>
</tr>
<tr>
<td>Kezutoshi</td>
<td>10.34</td>
<td>0.32</td>
<td>7.63</td>
<td>5.35</td>
</tr>
<tr>
<td>Enzo</td>
<td>9.43</td>
<td>2.97</td>
<td>9.79</td>
<td>11.39</td>
</tr>
<tr>
<td>Pavel</td>
<td>6.23</td>
<td>-1.67</td>
<td>11.06</td>
<td>13.34</td>
</tr>
</table>


STYLES:

#tabl1 {
border-collapse: collapse;
width: 100%;
}

#tabl1 td {
padding: 2px;
text-align: left;
}

#tabl1 th {
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}

#tabl2 {
border-collapse: collapse;
width: 95%;
}

#tabl2 td {
padding-top: 5px;
padding-bottom: 5px;
text-align: right;
}

#tabl3 {
border-collapse: collapse;
width: 80%;
}

#tabl3 td,th {
padding-top: 8px;
text-align: left;
}

#tabl3 td + td,
#tabl3 th + th
{
text-align:right;
}

tr:nth-child(even) {background-color: #f2f2f2;}

Last edited by theducks; 09-09-2020 at 09:07 PM. Reason: wrapped long code in spoiler
szalonyptak is offline   Reply With Quote