html给table加序号

可以使用CSS的`counter`属性来给表格中的行加上序。具体步骤如：

1. 在CSS定义一个计数器，例如：

  counter-reset: rowNumber;
}

2. 在表格中每一行的式中，使用`countercrement`来增加数器的值，并使用`content`属性来显示序号，例如：

tr {
  counter-increment: rowNumber;
}

td:first-child::before {
  content: counter(rowNumber);
}

这样，表格中每一行的第一个单元格就会显示行号了。完整的示例代码如下：

<style>
  table {
    counter-reset: rowNumber;
  }

  tr {
    counter-increment: rowNumber;
  }

  td:first-child::before {
    content: counter(rowNumber);
  }
</style>

<table>
  <thead>
    <tr>
      <th>序号</th>
      <th>名称</th>
      <th>数量</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td>商品1</td>
      <td>10</td>
    </tr>
    <tr>
      <td></td>
      <td>商品2</td>
      <td>20</td>
    </tr>
    <tr>
      <td></td>
      <td>商品3</td>
      <td>30</td>
    </tr>
  </tbody>
</table>