Table Sticky Header

Расширение для закрепления заголовка таблицы для Bootstrap Table, фиксирует заголовок таблицы в верхней части области просмотра при прокрутке.

На этой странице

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

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

<link rel="stylesheet" href="extensions/sticky-header/bootstrap-table-sticky-header.css">
<script src="extensions/sticky-header/bootstrap-table-sticky-header.js"></script>

Примеры

Sticky Header

Опции

stickyHeader

Атрибут: data-sticky-header
Тип: Boolean
Описание:

Управляет включением функции закрепления заголовка. При установке в true заголовок таблицы будет зафиксирован в верхней части области просмотра при прокрутке страницы.
Значение по умолчанию: false

stickyHeaderOffsetLeft

Атрибут: data-sticky-header-offset-left
Тип: Number
Описание:

Устанавливает левое смещение контейнера закрепления (в пикселях). Например, когда левый внутренний отступ body страницы составляет 60px, можно установить это значение в 60, чтобы закреплённый заголовок был выровнен с содержимым страницы.
Значение по умолчанию: 0

stickyHeaderOffsetRight

Атрибут: data-sticky-header-offset-right
Тип: Number
Описание:

Устанавливает правое смещение контейнера закрепления (в пикселях). Например, когда правый внутренний отступ body страницы составляет 60px, можно установить это значение в 60, чтобы закреплённый заголовок был выровнен с содержимым страницы.
Значение по умолчанию: 0

stickyHeaderOffsetY

Атрибут: data-sticky-header-offset-y
Тип: Number
Описание:

Устанавливает смещение закреплённого заголовка от верхней части окна (в пикселях). Например, когда на странице есть фиксированная панель навигации высотой 60px, можно установить это значение в 60, чтобы избежать перекрытия закреплённого заголовка панелью навигации.
Значение по умолчанию: 0