Table row indexing

body{
  counter-reset: Serial;           /* Set the Serial counter to 0 */
}

table{
  border-collapse: collapse;
}

tr td:first-child:before{
  counter-increment: Serial;      /* Increment the Serial counter */
  content:counter(Serial);        /* Display the counter */
}

Source: stackoverflow.com

Table row indexing

<table border="1">
  <thead>
    <tr>
      <th>Automatic Serial number</th>
      <th>Column 1</th>
      <th>Column 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td>Column 1</td>
      <td>Column 2</td>
    </tr>
    <tr>
      <td></td>
      <td>Column 1</td>
      <td>Column 2</td>
    </tr>
    <tr>
      <td></td>
      <td>Column 1</td>
      <td>Column 2</td>
    </tr>
    <tr>
      <td></td>
      <td>Column 1</td>
      <td>Column 2</td>
    </tr>
    <tr>
      <td></td>
      <td>Column 1</td>
      <td>Column 2</td>
    </tr>
    <tr>
      <td></td>
      <td>Column 1</td>
      <td>Column 2</td>
    </tr>
    <tr>
      <td></td>
      <td>Column 1</td>
      <td>Column 2</td>
    </tr>
    <tr>
      <td></td>
      <td>Column 1</td>
      <td>Column 2</td>
    </tr>
  </tbody>
</table>
 Run code snippet

Source: stackoverflow.com

Similar codes

0 vote299 views1 answer
Html select option text color
Html
2 votes272 views1 answer
How to add an audio in html
Html
0 vote265 views1 answer
Prevent image saving in html
Html
0 vote276 views1 answer
Python timestanp
Html
0 vote257 views1 answer
Why does the link from my html doesn't work
Html
0 vote281 views1 answer
Html iframe connection refused
Html
1 vote231 views1 answer
Warning: invalid dom property `for`. did you mean `htmlfor`?
Html
3 votes311 views3 answers
Responsive text css
Html
0 vote337 views1 answer
Use html how to open dwg files
Html
0 vote273 views1 answer
How to make a alert in powershell
Html