2

В таблице требуется зафиксировать в начале <thead>, чтобы при прокрутке прокручивалось только <body>, т.е. примерно такая структура:

<div style="overflow: auto;">
  <table>
    <thead>
       ...
    </thead>
    <tbody>
       ...
    </tbody>
    </table>
</div>

position: fixed не катит, так как нужно чтоб относительно самой страницы шапка двигалась.
В IE к td и th сделано так:

top:expression(parentNode.parentNode.parentNode.parentNode.scrollTop)

нужно под Firefox, делать шапку отдельной таблицей нет возможности, на JQuery тоже, подскажите пожалуйста

1
  • спасибо за достановку тегов, просто у меня они толи обрезались, то ли что)
    – Sleepless
    13 июл 2012 в 9:13

1 ответ 1

4

table thead,
table tbody {
  display: block;
}

table tbody {
  overflow: auto;
  height: 100px;
}

table td {
  width: 150px;
}
<table border="1">
  <thead>
    <tr>
      <td>№</td>
      <td>ФИО</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Иванов</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Сидоров</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Петров</td>
    </tr>
    <tr>
      <td>1</td>
      <td>Иванов</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Сидоров</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Петров</td>
    </tr>
    <tr>
      <td>1</td>
      <td>Иванов</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Сидоров</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Петров</td>
    </tr>
  </tbody>
</table>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.