如何在特定列的HTML表格中显示行号？

-1

我有一个有1行5列的HTML表格。在第一列“行号”中，我想显示哪一行。我在添加行和“添加行”按钮。实际的问题是：当我添加一个新行时，我想在第一列显示哪一行（Ex.1）。请帮帮我。我可以使用哪些代码。感谢大家帮助我。我将非常感谢我的问题的正确答案。行计数应该从一开始等。等等。每当我再次打开页面时，它应该从一开始 - 而不是从最后一次开始。如何在特定列的HTML表格中显示行号？

表名：myTable; “添加行按钮”name：addRowbtn; 再次感谢。

这是我曾尝试 CSS代码

body { counter-reset: Serial; /* Set the Serial counter to 0/} 
    table { border-collapse: separate; } 
    tr td:first-child:before { counter-increment: Serial;/Increment the Serial counter/content: "Serial is: " counter(Serial);/Display the counter */ }

Here's a picture

来源

2016-08-20 user6738792

让我们了解您已经尝试 –

体 { 计数器复位：串行;/*设置串行计数器为0 */ } 表 border-collapse：separate; } tr td：first-child：before { counter-increment：Serial;/*递增串行计数器*/ 内容：“串行是：”计数器（串行）;/*显示计数器*/ }/*这是我尝试过的代码*/CSS代码 – user6738792

使用此代码编辑您的文章plz –

下面是该工作代码：

<html> 
    <head> 
     <script type="text/javascript"> 
     function displayResult() 
     { 
      var index = document.getElementById("myTable").rows.length; 
      var new_row = '<td>'+index+'</td><td>cell 1</td><td>cell 2</td>'; 
      document.getElementById("myTable").insertRow(-1).innerHTML = new_row; 
     } 
     </script> 
    </head> 

    <body>  
     <table id="myTable" border="1"> 
      <tr> 
      ` <td>0</td> 
       <td>cell 1</td> 
       <td>cell 2</td> 
      </tr> 

     </table> 
     <br /> 
     <button type="button" onclick="displayResult()">Insert new row</button>    
    </body> 
</html>

来源

2016-08-20 19:44:36

没有它怎么你这样做是很难说的代码。我假设行在一个集合中，因为你有一个添加函数。难道你不能只使用索引+ 1？

如果添加函数只是添加原始html，则可以获取表格元素并计算子元素（或使用最后一个子元素）并从中计算您的数字。

随着你给的信息很少，我可以说。

来源

2016-08-20 18:58:50 DevvoX

我该怎么做“您可以获取表格元素并计算孩子（或使用最后一个孩子），并计算你的号码“？ – user6738792

此外，这是一个代码：[链接]（https://jsfiddle.net/y9hn1stx/） – user6738792

在你的小提琴中，你有表格标题在表格行内，这是不正确的，据我所知。如果你改正了这个问题，你可以用下面的代码得到表中的行数：var rows = document.getElementById（myTable）.getElementsByTagName（“tr”）.length;' – DevvoX

如何在特定列的HTML表格中显示行号？

回答

相关问题