html生成table的时候,怎么使序号自动排序
时间: 2023-10-25 09:21:54 浏览: 201
你可以使用JavaScript来实现自动排序。一种方法是通过遍历表格的每一行,然后为每一行的第一列添加一个递增的数字。
以下是一个示例代码:
HTML:
```html
<table id="myTable">
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td>张三</td>
<td>20</td>
</tr>
<tr>
<td></td>
<td>李四</td>
<td>25</td>
</tr>
<tr>
<td></td>
<td>王五</td>
<td>30</td>
</tr>
</tbody>
</table>
```
JavaScript:
```javascript
var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
for (var i = 1; i < rows.length; i++) {
var cell = document.createElement("td");
cell.innerHTML = i;
rows[i].insertBefore(cell, rows[i].firstChild);
}
```
这段代码将会遍历表格的每一行(除了表头),并为每一行的第一列添加一个递增的数字。在这个例子中,表格的ID为“myTable”,你需要根据你的实际情况修改代码中的ID值。
阅读全文