html 中如何在table标签中添加一个编号列呢?就是第一行编号是1,第二行编号是2,以此类推

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 中如何在table标签中添加一个编号列呢?就是第一行编号是1,第二行编号是2,以此类推相关的知识,希望对你有一定的参考价值。

<table>
<!--第1行-->
<tr>
<td>1</td>
<td></td>
</tr>
<!--第2行-->
<tr>
<td>1</td>
<td></td>
</tr>
<!--第3行-->
<tr>
<td>3</td>
<td></td>
</tr>
</table>


大批量的话,可以用代码生成或用代码填写。

比如js

<style>
td
width:100px;

</style>
<script>
var n=10;
var a=[];
for(var i=0;i<n;i++) 
a.push("<tr><td>"+(i+1)+"</td><td></td></tr>");

document.write('<table border="1">'+a.join("\\n")+"</table>")
</script>

参考技术A 使用rowIndex 属性返回某一行在表格的行集合中的位置(row index)就是想要的结果。
document.getElementById("tr1").rowIndex
参考技术B 单纯的html是没有的,要借用其他的标签框架或者js实现,jsp页面的话用c和s标签库都行,如果是html的angularjs可以用循环下标实现

以上是关于html 中如何在table标签中添加一个编号列呢?就是第一行编号是1,第二行编号是2,以此类推的主要内容,如果未能解决你的问题,请参考以下文章

grep:在特定列中按编号保留行

html中如何让单元格中的文字离左边框一定距离

网页中表格如何合并单元格

html中的table标签中如何将几个<td>合在一起的

如何使用 Jsoup 添加新的 html 标签?

jQuery 实现table表的th标签的显示和隐藏?