Как создать по убыванию номера левой строки в таблице (tr) с CSS

Question

Я использую метод, показанный слышать; https://kryogenix.org/code/browser/sorttable/#lefthandheader, чтобы добавить числа в левой части моей таблицы. И это прекрасно работает, поставив 1 вверху в первом ряду, 2 во втором и так далее. Однако моя таблица чувствительна ко времени и убывает по порядку, так что верхняя строка на самом деле самая последняя из произошедших. Я хотел бы, чтобы левый столбец отражал это, располагая наибольшее число сверху и опускаясь вниз, где произошло первое событие. Есть ли простой способ изменить CSS, чтобы сделать это?

Answer 1

Моя таблица построена с использованием PHP / MYSql. Оказывается, что в указанном решении для нумерации левого столбца есть хотя бы опция on, вы можете добавить опцию к CSS следующим образом.

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

Затем ссылайтесь на это, как показано здесь: https://jsbin.com/yanihid/edit

Результат именно такой, как мне был нужен. Подсчет строк начинается с наибольшего числа. Все, что вам нужно сделать, это знать количество, простое дело с PHP / MYSQL.