表行的CSS自动数字 - 不是第一个？

Question

我有以下代码用于将行计数应用于动态表 -

.ftable table {
    counter-reset: rowNumber;
}

.ftable tr {
    counter-increment: rowNumber;
}

.ftable tr td:first-child::before {
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
}

哪个来自(自动编号表行？)

是否可以忽略第一行(第一行是我的标题行 - 如果有任何帮助,它有一个fble_htr类)

Answer 1

是:

.ftable tr:not(.fble_htr) {
    counter-increment: rowNumber;
}

.ftable tr:not(.fble_htr) td:first-child::before {
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
}

而不是tr:not(.fble_htr),你也可以使用tr:not(:first-child)或tr + tr.

如评论中所述,如果您可以修改HTML,另一个选项是将标题行移动到thead元素中,将其余行移动到tbody元素中,然后选择.ftable tbody tr而不是.ftable tr:not(.fble_htr).

Answer 2

如果您将表格标记在右边，则第一行应为thead，因此您可以使用：

.rlstable {
 counter-reset: row-num;
}
.rlstable tbody tr  {
counter-increment: row-num;
}

.rlstable tr td:first-child::before {
content: counter(row-num) ". ";
}
.rlstable tr td:first-child {
text-align: center;
}