Несколько таблиц с плавающей шапкой на странице
 

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

js нужен, не уверен, что это реализуемо для таблиц сверстанных через теги table tr td

А если я каждой шапке таблицы добавлю двойника с position: fixed, который будет отображаться или нет в зависимости от положения окна браузера?

<table>
	<tbody>
		<tr class="t_head" id="1">
			<th style="width: 70px;">Период</th>
			<th style="width: 15px;"></th>
			<th>DBL</th>
			<th>SGL</th>
			<th>Реб. 03-11</th>
		</tr>
...

if($(".t_head#1").length>0) {
	$(".t_head#1").clone().insertAfter(".t_head#1").addClass("t_head_fixed");
}

Осталось только сделать проверку того, что верхняя граница окна пересекает таблицу. И ещё у каждой шапки свой id. Код я привёл для шапки с id=1. Как сделать, чтобы клон создавался для каждой шапки по её id?

Hurray,

Да, именно это мне и надо! Можно код?

Hurray,
в инете полно плагинов типа http://www.novasoftware.com/Download...ixedTable.aspx
если вам понравился мой код - меняю на тугрики - предложения в личку :thanks:

Когда делаю

$(".t_head#1").clone().insertAfter(".t_head#1").addClass("t_head_fixed");

, то как сделать, чтобы все ячейки плавающей строки были по ширине как в исходной строке?

1 через css задать ширину ячейкам
2 обойти все ячейки 1 строки таблицы и ширину присвоить каждой ячейке клона соотвественно

Можно ли получить разом все css свойства элемента и передать их другому элементу?

как растянуть теги <th> на всю ширину родительского <tr>? а то они все прижались к левому краю внутри него.