Этот шаблон добавляет прокручиваемый контейнер вокруг таблицы, а его классы можно использовать для того, чтобы строки таблицы прикреплялись к верхней части, а столбцы — к левой стороне контейнера при прокрутке данных таблицы в область видимости и обратно.
Он используется для высоких и/или широких таблиц, заголовки которых могут быть трудно запомнить при прокрутке данных. Он удерживает очень широкие таблицы в пределах ширины основной области контента, поэтому макет десктопной версии Википедии остается нетронутым.
На экранах меньшего размера отображается кнопка-переключатель, позволяющая отключать или включать эти функции в случаях, когда крупные липкие элементы мешают чтению прокручиваемых данных, что чаще встречается на небольших устройствах, таких как мобильные телефоны.
Использование этого шаблона без каких-либо классов помещает таблицу в прокручиваемый блок без липких заголовков. Если есть необходимость в окне прокрутки только по горизонтали (например, с широкой таблицей, где липкие заголовки будут слишком большими, а некоторые строки очень высокими), см.: Help:Table#Overflowing tables .
Включите {{sticky table start}}выше и ниже таблицы. Добавьте любое из следующего по мере необходимости.{{sticky table end}}
Примечание: также работает, если таблица использует sortableкласс.
.svg/1280px-Test_Template_Info-Icon_-_Version_(2).svg.png){kind=icon}
{{ Начало прикрепленной таблицы }} {| class = "wikitable sticky-table-row1 sticky-table-col1" ⫶|} {{ Конец липкой таблицы }}Примечание: 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 !! …⫶|} {{ Конец липкой таблицы }}Обратите внимание, что таблица в этом разделе в основном такая же, как и таблица в следующем разделе, за исключением того, что другой столбец остается липким. Это означает, что другой заголовок использует класс 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 " | данные | данные || … ⫶|} {{ Конец липкой таблицы }}Строки заголовков сверху липкие, а второй столбец — липкий слева. Когда столбец становится липким слева и rowspanпортит то, что липкое, можно использовать классы sticky-table-noneи sticky-table-leftдля исправления.
Для наглядности в таблицу добавлены фоновые цвета:
sticky-table-nonesticky-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 используются 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 }} Адаптировано из записей и статистики одиночного разряда 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* ⫶|} {{ конец липкой таблицы }}Примечание: звездочки (*) используются, поскольку программы чтения с экрана не видят цвета фона ячеек.
Примечание: В пространстве имен статей в темном режиме ссылки в цветных ячейках подчеркнуты черными ссылками. Смотрите:
Еще больше стилей шаблонов для таблиц: