Шаблон:Static row numbers

Материал из Википедии — свободной энциклопедии
Перейти к навигации Перейти к поиску
Документация

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

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

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

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

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

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

Название Количество Другое количество
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350
{{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

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

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

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

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

Название Количество Другое количество
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 добавляет .

Название Количество Другое количество
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350
{{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 добавляет дополнительную строку в заголовок таблицы (под первой, имеющейся изначально), а также позволяет создать строку футера. Такой подход предотвращает автонумерацию данных строк и задействование их в сортировке.

Название Количество Другое количество
(кг) (шт)
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350
Среднее 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
|}

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

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

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

Название Количество Другое количество
(кг) (шт)
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350
Среднее 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:

Название Количество Другое количество
(кг) (шт)
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350
Среднее 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="sortbottom static-row-header"
! Среднее
|| 50 || 600
|}

Белый фон для ячеек данных

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

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

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

1 2 3
1-1 2-1 3-1
1-2 2-2 3-2
{{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
|}

См. также

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