jQuery table fixed header

Совместимость

Современные браузеры, соответствующие стандартам, и IE7+.

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

$("table").tableFixedHeader();

$("table").tableFixedHeader({
	headerRows: 2		//if your header have more than 1 row
	/*, other options */
});

<!--
Table with `fixed-header` class will enable fixed header automatically.
Options can be specified by `data-` attribute`.
-->
<table class="fixed-header" data-header-rows="2">
	......
</table>

Структура HTML

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

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

Параметры

headerRows
Количество первых строк таблицы, которые будут зафиксированы.

fixedClass
CSS класс для клонированной фиксированной таблицы.

fixedTop
Верхнее смещение фиксированного заголовка. Может быть числом (в пикселях) или функцией, возвращающей значение. Полезно, если у вас уже есть фиксированный заголовок страницы.

scrollContainer
Определите родительский прокручиваемый контейнер. Фиксированный заголовок будет размещён на основе этого контейнера.