Этот шаблон использует TemplateStyles и загружает следующие таблицы CSS -стилей: Шаблон:Static row numbers/styles.css

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

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

• {{ Static row numbers table }}
• {{ Static row numbers header }}
• {{ Static row numbers arrows }}
• {{ Static row numbers total }}

Использование с wikitable и sortable

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

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

Использование только с sortable

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

Использование для таблиц без сортировки

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

{{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-hash для добавления # в заголовок таблицы

Данный подход добавляет хеш # в заголовок столбца с автонумерацией.
Аналогично 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

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

{{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
|}

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

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

{{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 :

{{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
|}

См. также

• {{ Стиль столбцов }}