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

标签 javascript html css css-tables

我在仪表板上有很多表,我在仪表板上也有 fullCalender(fullCalender 使用 UI 上的表)。我只需要在特定表格的第一列中有序列号,它可以通过 idclass 来识别,

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

但它为 UI 上存在的所有表格提供序列号,包括 fullCalender。为了支持下面的问题是图片。

enter image description here

最佳答案

我使用下面的 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>

关于javascript - 如何仅将序列号添加到特定表格的第一列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46807391/

相关文章:

javascript - 我的计算在 jscript 中不起作用

javascript - Angular/html 中的 OrderBy

html - 为平板设备禁用悬停图像

jQuery。获取与单击的元素位于同一行的值跨度元素

css - 流体网格问题

javascript - CSS 中可以自定义混合颜色吗?

javascript - 当URL包含#key-1时跳转到name=key-1

javascript - 使用 Nightmare 屏幕截图选择器制作多个屏幕截图

javascript - 将字符串数组从 Groovy 传递到 Javascript

javascript - 如何在同一页面启用和禁用ckeditor内联工具栏?