HTML-таблица прокрутки по вертикали и по горизонтали

Question

Я ищу для создания таблицы фиксированной ширины и высоты, которая может прокручиваться по вертикали и по горизонтали.

Я ищу первую строку, которая будет фиксированным заголовком, но также и первый столбец для исправления, а другие столбцы - для прокрутки вправо.

я могу получить заголовок работает как таковое что-то вроде этого:

http://www.cssplay.co.uk/menu/tablescroll.html

.. как же я мог бы получить столбцы прокрутки с первым оставаясь привязанными?

Любые идеи?

Answer 1

Это было бы довольно легко, учитывая, что вы работаете со столом с фиксированными пропорциями. Просто создайте DIV внутри столбца, который вы хотите прокручивать по вертикали, и дадите ему фиксированные размеры по своему вкусу и добавьте к нему атрибут overflow-y: auto. Атрибут verflow-y будет показывать только полосу прокрутки, если содержимое div превышает видимую область. Пример:

<style type="text/css"> 
.scrollable { width:300px; height:400px; overflow-y:auto; overflow-x:hidden; clip-rect:(0px, 300px, 400px, 0px); } 
</style> 
<table width="500" height="500" cellpadding="0" cellspacing="0" border="0"> 
    <tr height="100"> 
     <td colspan="2">Banner</td> 
    </tr> 
    <tr height="400" valign="top"> 
     <td width="200">Left Column</td> 
     <td width="300"><div class="scrollable">Scrollable area<br><br><br><br><br><br><br><br><br><br><br>Scrollable area<br><br><br><br><br><br><br><br><br><br><br></div></td> 
    </tr> 
</table>