JSFiddle - React, Tailwind, and code Playground

by dying_sakura

HTML

<table border="1">
    <tr>
        <th>Title</th>
    </tr>
    
    <tr>
        <td>blue</td>
    </tr>
        <tr>
        <td>blue</td>
    </tr>
    <tr>
        <td>red</td>
    </tr>
    <tr>
        <td>black</td>
    </tr>
    
</table>
<br/>
<table border="1">
    <tr>
        <td>blue</td>
    </tr>
    <tr>
        <td>red</td>
    </tr>
    <tr>
        <td>black</td>
    </tr>
</table>

CSS

table
{
    counter-reset: rowNumber;
}

table tr > td:first-child
{
    counter-increment: rowNumber;
}
                
table tr td:first-child::before
{
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
}