如何仅将序列号添加到特定表的第一列

时间:2017-10-18 09:52:54

标签: javascript html css css-tables

我在仪表板上有很多表格,我在仪表板上有fullCalenderfullCalender在UI上使用表格)。我只需要在特定表的第一列中包含序列号,它可以由idclass标识,

<style>
  table { counter-reset: Serial; }
  table { border-collapse: separate; }
  tr td:first-child:before { counter-increment: Serial; content: counter(Serial).; }
</style>

但是它会为包含fullCalender的UI上的所有表提供序列号。支持下面的问题是图像。

enter image description here

1 个答案:

答案 0 :(得分:1)

我使用下面的css代码完成了它,

<style>
  .serialTable { counter-reset: Serial; }
  .serialTable { border-collapse: separate; }
  .serialTable tr td:first-child:before { counter-increment: Serial; content: counter(Serial); }
</style>

然后我将课程serialTable添加到所需的表格<table class="serialTable"></table>