Шаблон:Начало липкой таблицы

Документация по шаблону [ просмотр ] [ правка ] [ история ] [ очистка ]

Этот шаблон используется на многих страницах , и изменения могут быть широко замечены. Протестируйте изменения на подстраницах шаблона /sandbox или /testcases или на вашей собственной подстранице пользователя . Рассмотрите возможность обсуждения изменений на странице обсуждения перед их реализацией.

Ярлыки

{{ Липкий верх }}
{{ Залипающее начало }}

В этом шаблоне используются TemplateStyles:

Шаблон:Sticky table start/styles.css ( sandbox )

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

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

На экранах меньшего размера отображается кнопка-переключатель, позволяющая отключать или включать эти функции в случаях, когда крупные липкие элементы мешают чтению прокручиваемых данных, что чаще встречается на небольших устройствах, таких как мобильные телефоны.

Использование этого шаблона без каких-либо классов помещает таблицу в прокручиваемый блок без липких заголовков. Если есть необходимость в окне прокрутки только по горизонтали (например, с широкой таблицей, где липкие заголовки будут слишком большими, а некоторые строки очень высокими), см.: Help:Table#Overflowing tables .

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

Включите {{sticky table start}}выше и ниже таблицы. Добавьте любое из следующего по мере необходимости.{{sticky table end}}

Классы таблиц

Классы для начала таблицы викитекста: .`{| class="class1 class2"`
Сорт	Краткое содержание
`sticky-table-head`	Сделайте заголовок таблицы сверху липким. Не объединяйте с . Требуется сортируемая таблица , которая перемещает последовательные верхние строки заголовков в элемент HTML (заголовок таблицы) . Строки, использующие класс, становятся липкими после сортировки (проблема: T355492). Избегайте делать липкими заголовки, которые не относятся ко всей таблице (например, строки заголовков разделов). Избегайте делать липкими чрезмерно высокие строки заголовков , которые могут блокировать слишком много данных на коротких экранах (например, мобильный альбомный ).`sticky-table-rowN<thead>sorttop`
`sticky-table-rowN`	Сделайте строку N сверху липкой, где N — число от 1 до 2. Ограничьте 1, чтобы избежать проблем с наложением, когда более высокая строка 1 все еще видна. Не объединяйте с `sticky-table-head`. Непредсказуемые результаты, если строка охватывает или охватывается атрибутом `rowspan`.
`sticky-table-colN`	Сделайте столбец N закрепленным слева, где N — число от 1 до 2. Ограничьте 1, чтобы избежать проблем с наложением, когда более широкий столбец 1 все еще виден. Непредсказуемые результаты, если столбец охватывает или охватывается атрибутом `colspan`. Избегайте делать чрезмерно широкий столбец закрепленным, который может блокировать слишком много данных на узких экранах (например, мобильный портрет ).

Классы клеток

Классы для викитекста ячейки: или .`! class="class1 class2" | …`
`| class="class1 class2" | …`
Сорт	Краткое содержание
`sticky-table-none`	Удалите липкое из ячейки в случаях, когда это `rowspan`вызывает проблему. Например, липкий столбец с использованием `rowspan`будет иметь некоторые ячейки, которые будут липкими в следующем столбце. Смотрите пример использования. Поиск использования.
`sticky-table-left`	Добавляйте left sticky к ячейке в случаях, когда это `rowspan`вызывает проблему. Например, столбец 1, использующийся `rowspan`с sticky столбцом 2, будет иметь некоторые ячейки в столбце 2, которые не будут sticky, и некоторые в столбце 3, которые будут sticky. Смотрите пример использования. Поиск использования.

Липкая строка 1 и столбец 1

Примечание: также работает, если таблица использует sortableкласс.

{{ Начало прикрепленной таблицы }} {| class = "wikitable sticky-table-row1 sticky-table-col1" ⫶|} {{ Конец липкой таблицы }}

Подпись
Заголовок 1	Заголовок 2	Заголовок 3	Заголовок 4	Заголовок 5	Заголовок 6	Заголовок 7	Заголовок 8	Заголовок 9	Заголовок 10	Заголовок 11	Заголовок 12	Заголовок 13	Заголовок 14	Заголовок 15	Заголовок 16	Заголовок 17	Заголовок 18	Заголовок 19	Заголовок 20	Заголовок 21	Заголовок 22	Заголовок 23	Заголовок 24	Заголовок 25	Заголовок 26
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные

Липкая голова и столбец 1

Примечание: sticky-table-headкласс требует, чтобы таблица использовала sortableкласс, поэтому строки заголовков столбцов перемещаются в <thead>элемент.

Ячейка «Заголовок 2» использует sticky-table-noneкласс для исправления проблемы с закреплением слева, вызванной ячейкой «Заголовок 1» rowspan.

{{ Начало прикрепленной таблицы }} {| class = "wikitable sortable sticky-table-head sticky-table-col1"  |+ Подпись |- ! rowspan = "2" | Заголовок 1 ! colspan = "4" | Группа заголовков 1    ⫶|- ! class = "sticky-table-none" | Заголовок 2   ! Заголовок 3 !! Заголовок 4 !! Заголовок 5 !! …⫶|} {{ Конец липкой таблицы }}

Подпись
Заголовок 1	Группа заголовков 1				Группа заголовков 2					Группа заголовков 3					Группа заголовков 4
Заголовок 1	Заголовок 2	Заголовок 3	Заголовок 4	Заголовок 5	Заголовок 6	Заголовок 7	Заголовок 8	Заголовок 9	Заголовок 10	Заголовок 11	Заголовок 12	Заголовок 13	Заголовок 14	Заголовок 15	Заголовок 16	Заголовок 17	Заголовок 18	Заголовок 19	Заголовок 20
вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина	вершина
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний	нижний

Использование sticky-table-none. Прикрепленный столбец 1

Обратите внимание, что таблица в этом разделе в основном такая же, как и таблица в следующем разделе, за исключением того, что другой столбец остается липким. Это означает, что другой заголовок использует класс sticky-table-none.

Строки заголовков сверху липкие, а первый столбец слева липкий. Когда rowspanпортится то, что липкое, sticky-table-noneкласс может быть использован для исправления.

Для наглядности в таблицу добавлен цвет фона:

желтый дляsticky-table-none

{{ Начало липкой таблицы }} {| class = "wikitable sortable sticky-table-head sticky-table-col1"  |- ! rowspan = "2 | Заголовок 1 ! rowspan = "2" | Заголовок 2 ! colspan = "3" | Группа заголовков 1 !! … |- ! class = "sticky-table-none" | Заголовок 3 ! Заголовок 4 ! Заголовок 5 !! … | - | данные | rowspan = "2" | данные | данные || … |- | данные | class = "sticky-table-none" | данные | данные || … | - | rowspan = "2" | данные | данные || … |- | class = "sticky-table-none " | данные | данные || …               ⫶|} {{ Конец липкой таблицы }}

Заголовок 1	Заголовок 2	Группа заголовков 1			Группа заголовков 2					Группа заголовков 3					Группа заголовков 4
Заголовок 1	Заголовок 2	Заголовок 3	Заголовок 4	Заголовок 5	Заголовок 6	Заголовок 7	Заголовок 8	Заголовок 9	Заголовок 10	Заголовок 11	Заголовок 12	Заголовок 13	Заголовок 14	Заголовок 15	Заголовок 16	Заголовок 17	Заголовок 18	Заголовок 19	Заголовок 20
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные

Использование sticky-table-none и sticky-table-left. Прикрепленный столбец 2

Строки заголовков сверху липкие, а второй столбец слева липкий. Когда столбец становится липким слева и rowspanпортит то, что липкое, можно использовать классы sticky-table-noneи sticky-table-leftдля исправления.

Для наглядности в таблицу добавлены фоновые цвета:

желтый дляsticky-table-none
оранжевый дляsticky-table-left

{{ Начало липкой таблицы }} {| class = "wikitable sortable sticky-table-head sticky-table-col2"  |- ! rowspan = "2 | Заголовок 1 ! rowspan = "2" | Заголовок 2 ! colspan = "3" | Группа заголовков 1 !! … |- ! Заголовок 3 ! class = "sticky-table-none" | Заголовок 4 ! Заголовок 5 !! … |- | данные | rowspan = "2" | данные | данные || … |- | данные | class = "sticky-table-none" | данные | данные || … |- | rowspan = "2" | данные | данные || … |- | class = "sticky-table-left" | данные | класс = "sticky-table-none" | данные | данные || …                 ⫶|} {{ Конец липкой таблицы }}

Заголовок 1	Заголовок 2	Группа заголовков 1			Группа заголовков 2					Группа заголовков 3					Группа заголовков 4
Заголовок 1	Заголовок 2	Заголовок 3	Заголовок 4	Заголовок 5	Заголовок 6	Заголовок 7	Заголовок 8	Заголовок 9	Заголовок 10	Заголовок 11	Заголовок 12	Заголовок 13	Заголовок 14	Заголовок 15	Заголовок 16	Заголовок 17	Заголовок 18	Заголовок 19	Заголовок 20
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные
данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные	данные

Пример с липкой шапкой и столбцом 1

Адаптировано из Списка сокращений штатов и территорий США § Таблица . Уменьшите окно браузера, чтобы увидеть левую закрепленную колонку ниже.

Ячейки столбца 1 «Имя» и столбца 2 «Статус региона» в строке 1 используются rowspanдля перехода в строку 2. При закреплении столбца 1 слева первая ячейка в строке 2, пустая ячейка сортировки под «ISO», закрепляется слева, поэтому класс sticky-table-noneдобавляется в эту ячейку.

{{ sticky table start }}{{ mw-datatable }} {| class = "wikitable sortable sticky-table-head sticky-table-col1 mw-datatable" |+ Коды и сокращения для штатов США, федеральных округов, территорий и других регионов ! rowspan = 2 | [[Список штатов и территорий США|Название]] ! rowspan = 2 | Статус региона ! [[ISO 3166|ISO]] ! colspan = 2 | [[#Стандарт ANSI INCITS 38:2009|ANSI]] ! [[#Почтовые индексы|USPS]] ! [[#Префиксы судов береговой охраны|USCG]] ! rowspan = 2 | [[#GPO|GPO]] ! rowspan = 2 | [[#Текущее использование традиционных сокращений|AP]] ! rowspan = 2 | Другие<br>сокращения |- ! class = sticky-table-none | !! !! !! !!   ⫶ |} {{ sticky table end }}

Коды и сокращения для штатов США, федеральных округов, территорий и других регионов
Имя	Статус региона	ИСО	АНСИ		USPS	Береговая охрана США	ГПО	АП	Другие сокращения
Имя	Статус региона						ГПО	АП	Другие сокращения
Соединенные Штаты Америки	Федеральное государство	США США 840	НАС	00			НАС	НАС	США
Алабама	Состояние	США-Алабама	АЛ	01	АЛ	АЛ	Алла.	Алла.
Аляска	Состояние	США-АК	АК	02	АК	АК	Аляска	Аляска	Ак.
Аризона	Состояние	США-Аризона	АЗ	04	АЗ	АЗ	Аризона.	Аризона.
Арканзас	Состояние	США-АР	АР	05	АР	АР	Ковчег.	Ковчег.
Калифорния	Состояние	США-CA	КА	06	КА	CF	Калифорния.	Калифорния.	Кэл.
Колорадо	Состояние	США-CO	КО	08	КО	КЛ	Колорадо.	Колорадо.
Коннектикут	Состояние	УЗИ-КТ	КТ	09	КТ	КТ	Коннектикут	Коннектикут
Делавэр	Состояние	США-DE	ДЕ	10	ДЕ	ДЛ	Дэл.	Дэл.
Округ Колумбия	Федеральный округ	США-DC	округ Колумбия	11	округ Колумбия	округ Колумбия	округ Колумбия	округ Колумбия	Дис. Полковник.
Флорида	Состояние	США-Флорида	Флорида	12	Флорида	Флорида	Флорида.	Флорида.
Грузия	Состояние	США-GA	ГА	13	ГА	ГА	Га.	Га.	Гео.
Гавайи	Состояние	США-Гавайи	ПРИВЕТ	15	ПРИВЕТ	ГА	Гавайи	Гавайи	Привет.; Ха.
Айдахо	Состояние	US-ID	ИДЕНТИФИКАТОР	16	ИДЕНТИФИКАТОР	ИДЕНТИФИКАТОР	Айдахо	Айдахо	Ида.
Иллинойс	Состояние	США-Иллинойс	ИЛ	17	ИЛ	ИЛ	Больной.	Больной.
Индиана	Состояние	США-IN	В	18	В	В	Инд.	Инд.
Айова	Состояние	ЮСИА	Я	19	Я	Я	Айова	Айова	Иоа.
Канзас	Состояние	США-Канзас	КС	20	КС	КА	Канс.	Кан.	Ка.
Кентукки	Государство (официально Содружество )	США-Кентукки	Кентукки	21	Кентукки	Кентукки	К.	К.	Кен., Кент.
Луизиана	Состояние	США-Луизиана	Лос-Анджелес	22	Лос-Анджелес	Лос-Анджелес	Ла.	Ла.
Мэн	Состояние	США-ME	МНЕ	23	МНЕ	МНЕ	Мэн	Мэн
Мэриленд	Состояние	США-Мэриленд	МД	24	МД	МД	Мд.	Мд.	Мар., Мэри.
Массачусетс	Государство (официально Содружество )	США-Массачусетс	МА	25	МА	РС	Масса.	Масса.
Мичиган	Состояние	США-Мичиган	Мичиган	26	Мичиган	МС	Мичиган.	Мичиган.
Миннесота	Состояние	США-МН	МН	27	МН	МН	Миннесота.	Миннесота.
Миссисипи	Состояние	США-МС	РС	28	РС	Мичиган	Скучать.	Скучать.
Миссури	Состояние	США-Миссури	МО	29	МО	МО	Мо.	Мо.
Монтана	Состояние	США-МТ	МТ	30	МТ	МТ	Монт.	Монт.
Небраска	Состояние	США-NE	СВ	31	СВ	Примечание.	Небр.	Наб.
Невада	Состояние	США-Невада	Невада	32	Невада	Невада	Нев.	Нев.
Нью-Гэмпшир	Состояние	США-Нью-Гэмпшир	Нью-Гэмпшир	33	Нью-Гэмпшир	Нью-Гэмпшир	Нью-Гэмпшир	Нью-Гэмпшир
Нью-Джерси	Состояние	США-Нью-Джерси	Нью-Джерси	34	Нью-Джерси	Нью-Джерси	Нью-Джерси	Нью-Джерси	Н. Джерси
Нью-Мексико	Состояние	США-Нью-Мексико	Нью-Мексико	35	Нью-Мексико	Нью-Мексико	Сев. Мексика.	Нью-Мексико	Нью-М., Нью-Мекс.
Нью-Йорк	Состояние	США-Нью-Йорк	Нью-Йорк	36	Нью-Йорк	Нью-Йорк	Нью-Йорк	Нью-Йорк	Н. Йорк
Северная Каролина	Состояние	США-Северная Каролина	NC	37	NC	NC	NC	NC	Н. Машина.
Северная Дакота	Состояние	США-ND	НД	38	НД	НД	Н. Дак.	НД
Огайо	Состояние	США-Огайо	ОЙ	39	ОЙ	ОЙ	Огайо	Огайо	О., о.
Оклахома	Состояние	США-ОК	ХОРОШО	40	ХОРОШО	ХОРОШО	Оклахома.	Оклахома.
Орегон	Состояние	США-Орегон	ИЛИ	41	ИЛИ	ИЛИ	Орег.	Руда.
Пенсильвания	Государство (официально Содружество )	США-ПА	ПА	42	ПА	ПА	Па.	Па.	Пенсильвания, Пенсильвания.
Род-Айленд	Состояние	США-RI	РИ	44	РИ	РИ	РИ	РИ	РИ и ПП
Южная Каролина	Состояние	США-Южная Каролина	СК	45	СК	СК	СК	СК	С. Кар.
Южная Дакота	Состояние	США-SD	СД	46	СД	СД	С. Дак.	СД	СоДак
Теннесси	Состояние	США-Теннесси	ТН	47	ТН	ТН	Теннесси.	Теннесси.
Техас	Состояние	США-Техас	Техас	48	Техас	Техас	Текс.	Техас
Юта	Состояние	США-Юта	ЮТ	49	ЮТ	ЮТ	Юта	Юта	Ют.
Вермонт	Состояние	США-VT	ВТ	50	ВТ	ВТ	Вт.	Вт.	Верм.
Вирджиния	Государство (официально Содружество )	США-Вирджиния	ВА	51	ВА	ВА	Ва.	Ва.	Дева.
Вашингтон	Состояние	США-Вашингтон	Вашингтон	53	Вашингтон	ВН	Стирать.	Стирать.	Вн.
Западная Вирджиния	Состояние	США-Западная Вирджиния	Западная Вирджиния	54	Западная Вирджиния	Западная Вирджиния	В. Вирджиния.	Западная Вирджиния.	WV, Западная Вирджиния.
Висконсин	Состояние	США-Висконсин	Висконсин	55	Висконсин	WS	Висконсин	Висконсин	Висконсин.
Вайоминг	Состояние	США-Вайоминг	Вайоминг	56	Вайоминг	Вайоминг	Вайоминг.	Вайоминг.
Американское Самоа	Островная область ( территория )	AS ASM 016 США-AS	КАК	60	КАК	КАК	КАК
Гуам	Островная область (территория)	ГУ ГУМ 316 США-ГУ	ГУ	66	ГУ	ГУ	Гуам
Северные Марианские острова	Островная территория ( Содружество )	МП МНП 580 США-МП	МП	69	МП	СМ	МП		CNMI
Пуэрто-Рико	Островная территория ( Содружество )	PR PRI 630 США-PR	PR	72	PR	PR	PR
Виргинские острова США	Островная область (территория)	VI VIR 850 США-VI	VI	78	VI	VI	VI		США, Виргинские острова
Малые отдаленные острова США	Островные территории	UM UMI 581 США-UM	УМ	74	УМ
Остров Бейкер	Остров	УМ-81		81					ХБ
Остров Хауленд	Остров	УМ-84		84					ХХ
Остров Джарвис	Остров	УМ-86		86					XQ
Джонстон Атолл	Атолл	УМ-67		67					СЮ
Риф Кингмана	Атолл	УМ-89		89					ХМ
Атолл Мидуэй	Атолл	УМ-71		71					КМ
Остров Навасса	Остров	УМ-76		76					XV
Атолл Пальмира	Атолл	УМ-95		95					XL
Остров Уэйк	Атолл	УМ-79		79					Кв
Маршалловы острова	Свободно ассоциированное государство	МХ МХЛ 584	МХ	68	МХ
Микронезия	Свободно ассоциированное государство	ФМ ФСМ 583	ФМ	64	ФМ
Палау	Свободно ассоциированное государство	ПВ ПЛВ 585	ПВ	70	ПВ
Вооруженные силы США – Америка	Военный почтовый индекс США				АА
Вооруженные силы США – Европа	Военный почтовый индекс США				АЕ
Вооруженные силы США – Тихоокеанский регион	Военный почтовый индекс США				АП
Небраска	Устаревший почтовый индекс				Примечание.
Северные Марианские острова	Устаревший почтовый индекс				СМ
Зона Панамского канала	Устаревший почтовый индекс	ПЗ ПЦЗ 594			Чехия
Филиппинские острова	Устаревший почтовый индекс	PH PHL 608			ПИ
Подопечная территория Тихоокеанские острова	Устаревший почтовый индекс	ПК PCI 582			ТТ

Пример с закрепленной строкой 2 и столбцом 2

Адаптировано из записей и статистики одиночного разряда WTA 1000 Series § Лидеры титула . Уменьшите окно браузера, чтобы увидеть левый закрепленный столбец ниже.

Примечание: ячейки столбца 1 «Названия», «Игрок» и «Годы» были rowspanудалены, а ячейки перемещены из строки 1 в строку 2, чтобы облегчить прикрепление строки 2 к верхней части. Поскольку строка 1 скрыта, когда строка 2 прикреплена, другие ячейки в строке 2 имеют цвет фона, чтобы визуально связать их с родительскими ячейками «Активные турниры» и «Недействительные турниры» в строке 1. Две ячейки в строке 1 сохраняются для программ чтения с экрана, а не перемещаются в легенду. Это помогает сократить объем прикрепляемого содержимого сверху: 1 строка вместо 2.

Ячейки "10", "9", "6" и "5" в столбце "Заголовки" 1 используют rowspan. При создании столбца 2 слева закрепленным, ячейки в объединенных строках имеют столбец 2 не закрепленным слева, а столбец 3 закрепленным слева, поэтому классы sticky-table-leftи sticky-table-noneдобавляются к ячейкам столбца 2 и столбца 3 соответственно.

{{ mw-datatable }}{{ сортировка по }}{{ начало прикрепленной таблицы }} {| класс = "wikitable mw-datatable сортировка сортировка по центру прикрепленная-таблица-строка2 прикрепленная-таблица-столбец2" стиль = "text-align:center"   ⫶ |- ! область действия = "row" rowspan = "3" | 10 | стиль = "text-align:left" | {{ сортировка | Энен. |{{ flagg | uxx | BEL }} [[ Жюстин Энен ]]}} | - | -      ⫶|- | style = "text-align:left; background-color:#FFFFE0;" class = "sticky-table-left" | {{ sort | Азаренко. |{{ flagg | uxx | BLR }} ''' [[ Виктория Азаренко ]] ''' }} *     | class = "sticky-table-none" | -   | style = "background-color:#B9FF72;" | 2*  ⫶|- | style = "text-align:left; background-color:#FFFFE0;" class = "sticky-table-left" | {{ sort | Свит. |{{ flagg | uxx | POL }} ''' [[ Ига Свит ]] ''' }} *     | class = "sticky-table-none" | -   | style = "background-color:#B9FF72;" | 2*  ⫶|} {{ конец липкой таблицы }}

CA ( Открытый чемпионат Канады )
CH ( Чарльстон Оупен )
CI ( Цинциннати Оупен )
CN ( Открытый чемпионат Китая )
DU ( Чемпионат Дубая )
Флорида ( Вирджиния Слимс из Флориды )
GE ( Открытый чемпионат Германии )
IT ( Открытый чемпионат Италии )
IW ( Открытый турнир по теннису в Индиан-Уэллсе )
КС ( Кубок Кремля )
MA ( Открытый турнир Мадрида )
MI ( Майами Оупен )
PH ( Вирджиния Слимс из Филадельфии )
PP ( Pan Pacific Open )
QA ( Открытый чемпионат Катара )
SD ( Открытый турнир Сан-Диего )
WU ( Ухань Оупен )
ZU ( Открытый чемпионат Цюриха )

* Активные игроки.

* Наибольшее количество титулов, выигранных за турнир.

Лидеры титула
		Активные турниры										Несуществующие турниры
Названия	Игрок	ДУ	контроль качества	ИВ	Мичиган	МА	ЭТО	КА	КИ	ВУ	КН	Флорида	Ч.	ГЭ	СД	ФХ	КС	ПП	ЗУ	Годы
23	Серена Уильямс	-	-	2*	8*	2	4*	3	2*	-	1	-	1	-	-	-	-	-	-	1999–2016
17	Мартина Хингис	-	-	1	2	-	2	2	-	-	-	-	2*	1	-	-	1	5*	1	1997–2007
15	Штеффи Граф	-	-	1	3	-	-	2	-	-	-	1*	1	5*	-	1*	-	1	-	1990–1996
14	Мария Шарапова	-	1	2*	-	1	3	-	1	-	1	-	-	-	2*	-	-	2	1	2005–2015
11	Линдси Дэвенпорт	-	-	2*	-	-	-	-	-	-	-	-	-	-	1	-	-	4	4*	1997–2005
10	Жюстин Энен	-	-	1	-	-	-	2	-	-	-	-	2*	3	-	-	-	-	2	2002–2007
	Виктория Азаренко *	-	2*	2*	3	-	-	-	2*	-	1	-	-	-	-	-	-	-	-	2009–2020
	Ига Свёнтек *	-	2*	2*	1	1	3	-	-	-	1	-	-	-	-	-	-	-	-	2021–2024
9	Кончита Мартинес	-	-	-	-	-	4*	-	-	-	-	-	2*	2	-	1*	-	-	-	1993–2000
	Моника Селеш	-	-	-	2	-	2	4*	-	-	-	-	-	1	-	-	-	-	-	1990–2000
	Венера Уильямс *	2*	-	-	3	-	1	-	-	1	-	-	1	-	-	-	-	-	1	1998–2015
	Симона Халеп *	1	1	1	-	2	1	3	-	-	-	-	-	-	-	-	-	-	-	2014–2022
	Петра Квитова *	-	1	-	1	3*	-	1	-	2*	-	-	-	-	-	-	-	1	-	2011–2023
7	Ким Клийстерс	-	-	2*	2	-	1	1	1	-	-	-	-	-	-	-	-	-	-	2003–2010
6	Арантха Санчес Викарио	-	-	-	2	-	1	2	-	-	-	-	1	-	-	-	-	-	-	1992–1996
	Амели Моресмо	-	-	-	-	-	2	2	-	-	-	-	-	2	-	-	-	-	-	2001–2005
	Елена Янкович	-	-	1	-	-	2	-	1	-	-	-	1	-	-	-	1	-	-	2007–2010
	Каролина Возняцки *	1	-	1	-	-	-	1	-	-	2*	-	-	-	-	-	-	1	-	2010–2018
	Арина Соболенко *	-	1	-	-	2	-	-	1	2*	-	-	-	-	-	-	-	-	-	2018–2024
5	Габриэла Сабатини	-	-	-	-	-	2	-	-	-	-	1*	2*	-	-	-	-	-	-	1991–1992
	Мэри Пирс	-	-	-	-	-	1	-	-	-	-	-	1	-	1	-	2*	-	-	1997–2005
	Динара Сафина	-	-	-	-	1	1	1	-	-	-	-	-	1	-	-	-	1	-	2008–2009
	Агнешка Радваньска	-	-	-	1	-	-	1	-	-	2*	-	-	-	-	-	-	1	-	2011–2016

Примечание: звездочки (*) используются, поскольку программы чтения с экрана не видят цвета фона ячеек.

Примечание: необходим глоссарий заголовка, поскольку на мобильных устройствах нет возможности наводить курсор на сокращенный текст. {{ abbr }}

Примечание: В пространстве имен статей в темном режиме ссылки в цветных ячейках подчеркнуты черными ссылками. Смотрите:

Справка:Таблица#Цветовой контраст ссылок в темном режиме и предыдущих разделах.

Смотрите также

Справка:Таблица/Дополнительно § Прокручиваемые таблицы с закрепленными заголовками столбцов и строк
{{ sticky header }} — прикрепляет заголовки столбцов к верхней части страницы при прокрутке данных таблицы.
{{ shy }} – Может использоваться для сужения столбцов путем добавления мягкого дефиса к слову, что позволяет переносить его.
Помощь:Таблица#Цвета в таблицах

Еще больше стилей шаблонов для таблиц:

{{ sort under }} — перемещает стрелки сортировки под заголовки.
{{ row hover highlight }} - добавляет подсветку строк при наведении и возможность выбора белого фона.
{{ static row numbers }} - добавляет столбец номеров строк в таблицу.
{{ table altitude }} — выравнивает ячейки в столбце или во всей таблице.

Вышеуказанная документация включена из Template:Sticky table start/doc . ( могут экспериментировать на страницах sandbox и testcases этого шаблона . Добавьте категории на подстраницу /doc . Подстраницы этого шаблона .