css - 如何使用 CSS 在表格 (tr) 中创建降序的左侧行号

Question

我使用所示的方法听到； https://kryogenix.org/code/browser/sorttable/#lefthandheader 将数字添加到表格的左侧。通过将 1 放在第一行的顶部，将 2 放在第二行，以此类推，它的效果很好。然而，我的表格是时间敏感的，并且按顺序降序，所以第一行实际上是最新发生的事情。我希望左列通过将最高数字放在顶部并下降到第一个事件发生的底部来反映这一点。有没有一种简单的方法来修改 CSS 来做到这一点？

标签： css

Answer 1

我有问题的表是使用 PHP/MYSql 构建的。事实证明，引用的左列编号解决方案至少有一个选项，您可以像这样向 CSS 添加一个选项。

table.sortable tbody {
    counter-reset: sortabletablescope 48;
}

然后参考它，如下所示： https ://jsbin.com/yanihid/edit

结果正是我需要的。从最高数字开始计算行数。您所要做的就是知道计数，轻松处理 PHP/MYSQL。