How to Auto increment the column value of a html table which is used in Visualforce page?

You can put below code in visualforce page header part

body
    {
        counter-reset: Serial; 
    }
    table.table2 tr td.product:first-child:before//replace with your table name
    {
      counter-increment: Serial;   
      content:counter(Serial); 
    }

And in list display, put below code where you want to increment number

<td class="product"></td>