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

3 votes107 views1 answer
Unsplash random image url
Html
15 votes109 views3 answers
Favicon html link
Html
24 votes101 views6 answers
Bootstrap radio
Html
1 vote105 views1 answer
How to change the logo in the title of a webpage
Html
25 votes105 views4 answers
Html select default value
Html
0 vote106 views1 answer
Change api date
Html
-1 vote147 views1 answer
How to add a background to text in html
Html
2 votes117 views2 answers
On div click call otherAction
Html
1 vote101 views1 answer
Nofollow
Html
1 vote139 views1 answer
Accept method composite jsf
Html