JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td>Col 1</td><td>Col 2</td><td>Col 3 which is really really really long</td></tr>
    <tr><td>Col 1</td><td>Col 2</td><td>Col 3 which is really really really long</td></tr>
    <tr><td>Col 1</td><td>Col 2</td><td>Col 3 which is really really really long</td></tr>
</table>

CSS

table{
    counter-reset: rows;
}
tr{
    counter-increment: rows;
}
td{
    vertical-align: top;
    width: 100px;
}
td:first-child:before{
    content: counter(rows) ". ";
}