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 vote108 views1 answer
Html franc symbol
Html
1 vote103 views1 answer
Pass a method to composite jsf
Html
0 vote157 views1 answer
How to make option values contain spaces in html
Html
1 vote117 views1 answer
Html set input type date to disable previous dates
Html
27 votes111 views6 answers
How to remove dot from li
Html
0 vote113 views1 answer
¿Cómo permitir únicamente valores positivos en un <input>?
Html
4 votes133 views2 answers
ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' in ngModelOptions.
Html
0 vote109 views1 answer
How to change text place in html
Html
0 vote107 views1 answer
Macbook boot in verbose mode
Html
0 vote103 views1 answer
Html in page navigation
Html