Фиксированный заголовок таблицы , Нужна только горизонтальная прокрутка заголовка

[DIS]

Добрый день. Есть у меня большая таблица в админке на сайте. Сделал прокрутку таблицы по горизонтали и по вертикали. Все работает нормально, по крайней мере в firefox. Код и результат приведен ниже. Но при вертикальной прокрутке заголовок таблицы уезжает вверх вместе со всеми строками. Мне же нужно сделать так, чтобы заголовок всегда находился вверху, но прокручивался по горизонтали. Какие есть варианты это сделать.
П.С. Можно вариант решения без IE.

Код таблицы:

<div class="admin-table">
 <table class="admin-table">
 <thead><tr><td><input id="user_all" onclick="AdminUserMark(0,this.checked,0);" type="checkbox">ID</td><td>Логин</td><td>Имя</td><td>e-mail</td><td>Активен</td><td>Дата регистрации</td><td>Последний вход</td></tr></thead>
 <tbody class="admin-table">
  <tr class="admin-table" id="row_628"><td>...</td></tr>...
 </tbody></table>
</div>
</div>

Стили:

/* Админка */
 
div.admin-table {
  overflow: scroll;
  width: 100%; height: 360px;
}
 
table.admin-table {
  border: none;
  width: 100%;
  white-space: nowrap;
  position: relative;
}
 
tr.admin-table td {
  white-space: nowrap;
  border: none;
}
 
table.admin-table thead {
  font-weight: bold;
  background: lightgray;
}
 
thead.admin-table {
  position: fixed;
  display: block;
}
 
table.admin-table tbody tr:nth-child(even) {
  background: #F0F0F4;
}
 
table.admin-table tbody tr:hover {
  background: #E0E0E8;
}

Прикреплённый файл12345.png (52,38 Кбайт, скачиваний: 589)

[levelost]

Когда-то тоже задавался таким вопросом. Выяснил что в стилях до сих пор ничего нет для решения этой задачи. Самый простой вариант: сделать шапку отдельной таблицей и управлять её размерами и положением через JS.

[DIS]

Спасибо, так и сделал.