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 vote135 views1 answer
How to make a card using bootstrap
Html
274 votes339 views6 answers
Fontawesome pro cdn
Html
3 votes165 views2 answers
Html prevent newline
Html
0 vote118 views1 answer
How to make a search bar with div
Html
0 vote156 views1 answer
Html select message
Html
2 votes140 views2 answers
Curl html file
Html
0 vote149 views1 answer
Download adam text editor
Html
3 votes154 views2 answers
Divs html
Html
4 votes172 views3 answers
Html change button color
Html
0 vote151 views1 answer
Html head logo
Html