Hello David,
The NinjaTables plugin gave too many errors in w3c.
So I removed it, and created the table in html.
In the css you can make that some columns are hidden on mobile. Awesome!
See: https://www.beurstrading.nl/test1/
It works and no w3c errors π
But I’m not a programmer, and I do not know if I’ve done the table and css well.
Can you check this for me?
CSS
@media only screen and (max-width: 760px), only screen and (max-device-width: 680px) {
.verberg1 {
width: 0 !important;
display: none !important;
}
}
.chris1 tbody tr:nth-child(even){background-color:#fcfcfc}
.chris1 thead {
background-color: #bfdafc;
color: #444444;}
HTML
<table class="chris1">
<thead>
<tr>
<th>Jaar</th>
<th class="verberg1">Start Portefeuille</th>
<th class="verberg1">Portefeuille Nu</th>
<th>Winst β¬</th>
<th class="verberg1">Winst %</th>
</tr>
</thead>
<tbody>
<tr>
<td>2018</td>
<td class="verberg1">15.000,00</td>
<td class="verberg1">26.002,00</td>
<td>11.002,00</td>
<td class="verberg1">Β 73,35%</td>
</tr>
<tr>
<td>2017</td>
<td class="verberg1">15.000,00</td>
<td class="verberg1">23.922,00</td>
<td>Β 8.922,00</td>
<td class="verberg1">Β 59,48%</td>
</tr>
<tr>
<td>Β </td>
<td class="verberg1">Β </td>
<td class="verberg1">Totale Winst:</td>
<td>19.924,00</td>
<td class="verberg1">132,83%</td>
</tr>
</tbody>
</table>