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 vote184 views1 answer
Description For Page ht;l
Html
0 vote227 views1 answer
Wire:click with value
Html
1 vote192 views1 answer
Slick html
Html
6 votes181 views4 answers
Radio
Html
28 votes391 views3 answers
Online html image editor
Html
0 vote194 views1 answer
Html cheetsheet.com
Html
4 votes170 views1 answer
Rs logo html
Html
1 vote203 views1 answer
How to quote stuf in htl
Html
0 vote210 views1 answer
Html marquee space between images
Html
1 vote170 views1 answer
Html prevent focus on input
Html