Прокручиваемый стол, фиксированный заголовок фиксированный

Question

Я хочу, чтобы мой заголовок таблицы фиксировался при прокрутке по вертикали.

Кроме того, как мне заставить мой стол оставаться внутри содержимого вкладки jQuery UI Tabs? Я хочу, чтобы он был выровнен по отношению к нижней части; он не должен составлять 100% высоты содержимого вкладки, потому что есть другой контент над таблицей, но я хочу, чтобы он заполнил все доступное пространство (вкладки имеют определенную высоту, чтобы не идти ниже экрана, поэтому тело не должен иметь полосу прокрутки и вкладки). Как вы можете видеть сегодня, у меня фиксированная высота стола 450 пикселей, а на некоторых экранах это идеально, но на некоторых выходит наружу (см. Рисунок).

Я хочу быть полоса прокрутки на самой правой стороне (желтая линия), а не рядом, где таблица заканчивается, если это возможно. Похоже на Facebook, я думаю.

Answer 1

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

jQuery.scrollTableBody (GitHub)

До тех пор, пока у вас есть таблица с надлежащей <thead>, <tbody>, и (необязательно) <tfoot>, все, что вам нужно сделать, это:

$('table').scrollTableBody(); 

UPDATE: Добавлена ​​поддержка горизонтальная прокрутка