HTML
<table class="table auto-count">
<thead>
<tr>
<th> Number </th>
<th> Description </th>
<th> Additional </th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
<td>[BTN]</td>
</tr>
<tr>
<td></td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
<td>[BTN]</td>
</tr>
<tr>
<td></td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
<td>[BTN]</td>
</tr>
</tbody>
</table>CSS
table.auto-count
{
counter-reset: rowNumber;
}
table.auto-count>tbody>tr
{
counter-increment: rowNumber;
}
table.auto-count>tbody>tr>th:first-child::before,
table.auto-count>tbody>tr>td:first-child::before
{
content: counter(rowNumber);
}
Deja tu comentarioComentarios 1