Шаблон:Static row numbers (OgQlku&Static row numbers)

Документация

[просмотр | править | история | обновить]

Этот шаблон использует TemplateStyles и загружает следующие таблицы CSS-стилей:

Шаблон:Static row numbers/styles.css

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

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

Использование с `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
|}

См. также

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

Шаблон:Static row numbers (OgQlku&Static row numbers)

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

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