Шаблон для автоматического добавления номеров строк в таблицы с сортировкой. Во время сортировок таблицы столбец с номерами строк меняться не будет.

Этот шаблон хорошо сочетается со следующими вспомогательными шаблонами, которые были созданы для повышения читабельности кода и уменьшения его объёма:


Поместите шаблон перед таблицей, где требуется добавление автоматической нумерации. Добавьте в описание таблицы класс static-row-numbers, как в примере ниже. Это добавит несортируемый столбец с номерами строк.

НазваниеКоличествоДругое количество
A101000
B50800
C100150
D20700
E70350
 
{{Static row numbers}}
{| class="wikitable sortable static-row-numbers"
! Название !! Количество !! Другое количество
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|}

НазваниеКоличествоДругое количество
A101000
B50800
C100150
D20700
E70350
 
{{Static row numbers}}
{| class="sortable static-row-numbers" style="background:var(--background-color-base, #fff); color:inherit"
! Название !! Количество !! Другое количество
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|}

Хотя данный шаблон создан для использования с сортируемыми таблицами, он также может быть использован с обычными таблицами для автоматической нумерации строк.

НазваниеКоличествоДругое количество
A101000
B50800
C100150
D20700
E70350
 
{{Static row numbers}}
{| class="static-row-numbers"
! Название !! Количество !! Другое количество
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|}

Данный подход добавляет хеш # в заголовок столбца с автонумерацией.
Аналогично static-row-header-num добавляет №.

{{Static row numbers}}
{| class="wikitable sortable static-row-numbers static-row-header-hash"
! Название !! Количество !! Другое количество
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|}

Класс static-row-header добавляет дополнительную строку в заголовок таблицы (под первой, имеющейся изначально), а также позволяет создать строку футера. Такой подход предотвращает автонумерацию данных строк и задействование их в сортировке.

НазваниеКоличествоДругое количество
A101000
B50800
C100150
D20700
E70350
 
{{Static row numbers}}
{| class="wikitable sortable static-row-numbers"
! Название !! Количество !! Другое количество
|- class="static-row-header"
!  !! (кг) !! (шт)
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|- class="static-row-header"
! Среднее !! 50 !! 600
|}

Создание подзаголовка и футера, которые содержат стандартные ячейки данных

[править код]

По умолчанию при таком подходе строка меняет своё положение при сортировке:

НазваниеКоличествоДругое количество
A101000
B50800
C100150
D20700
E70350
 
{{Static row numbers}}
{| class="wikitable sortable static-row-numbers"
! Название !! Количество !! Другое количество
|- class="static-row-header"
!  !! (кг) !! (шт)
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|- class="static-row-header"
! Среднее
|| 50 || 600
|}

Чтобы жёстко закрепить строку вверху или внизу страницы, используйте class=sorttop и class=sortbottom:

НазваниеКоличествоДругое количество
A101000
B50800
C100150
D20700
E70350
 
{{Static row numbers}}
{| class="wikitable sortable static-row-numbers"
! Название !! Количество !! Другое количество
|- class="static-row-header"
!  !! (кг) !! (шт)
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|- class="sortbottom static-row-header"
! Среднее
|| 50 || 600
|}

Для создания белого фона добавьте в описание таблицы класс srn-white-background.

Этот класс не нужен, если вы используете {{Static row numbers table}}, поскольку данный класс уже используется внутри шаблона.

{{Static row numbers}}
{| class="wikitable sortable static-row-numbers srn-white-background"
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}