JSFiddle - React, Tailwind, and code Playground

by Harisankaran Parameswaran

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)". ";
}