Добавить полосу прокрутки в таблицу

Question

Я хочу добавить вертикальную и горизонтальную полосу прокрутки к таблице с фиксированным заголовком. Используя теги thead и tbody, я мог бы добавить полосу прокрутки в Firefox, но IE не поддерживает overflow:auto property в tbody. IE8 не поддерживает выражения CSS, так что вы можете сказать мне, как это сделать?

Answer 1

с CSS это должно быть просто

div.scrollWrapper{

  height:250px;
  width:200px;
  overflow:scroll;
}


<div class="scrollWrapper">
<table >
<tbody height="xxx">
<tr>......

</tbody>
</table>
</div>

Answer 2

При задании фиксированной высоты также, что не работает в IE. Высота применяется к tr, который я дал tbody.

Answer 3

Использовать CSS для требуемой задачи:

#tableID { overflow: scroll; }

HTML:

<table id="tableID">
...
</table>

О раскраске перейдите по этой ссылке http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm

Answer 4

Если у вас overflow установлено значение auto, тело просто покажет переполнение, вам нужно явно указать overflow: scroll и иметь фиксированную высоту для <tbody>.

Answer 5

Попробуйте оригинальное решение, используя overflow:scroll. Возможно, вам также придется установить фиксированную высоту в px из tbody.