| |
|
|
| | Добрый вечер.
Мне необходимо сделать таблицу, в которой первая строка фиксирована, а послеующие прокручиваются.
Я нашла
position: absolute; TOP: expression(offsetParent.scrollTop);
Но у меня это не работает.
Спасибо за любую подсказку. | |
| |
|
|
| |
|
|
| |
для: niki
(09.04.2007 в 21:02)
| | | Я бы делал так:
<table>
...здесь шапка и все
</table>
<div style="overflow: scroll; width: 200px; height: 200px;">
<table>
....Здесь содержимое
</table>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: SHAman
(09.04.2007 в 21:09)
| | | Мне необходимо, чтобы щапка таблицы и ее содержимое были вместе.
Иначе сдвигаются колонки. | |
| |
|
|
| |
|
|
| |
для: niki
(09.04.2007 в 21:13)
| | | Тогда я затрудняюсь... Можно попробовать нарушить структуру DOM и сделать так:
<table>
<tr>шапка</tr>
<div ....>
<tr>
контент
</tr>
</div>
</table>
|
Но это - моветон... | |
| |
|
|
| |
|
|
| |
для: SHAman
(09.04.2007 в 21:15)
| | | А если сделать внутри table ещё один table
<table>
...здесь шапка и все
<table>
<div style="overflow: scroll; width: 200px; height: 200px;">
....Здесь содержимое
</div>
</table>
</table>
|
или
<table>
<tr>
<td>
...здесь шапка и все
</td>
</tr>
<tr>
<td>
<div style="overflow: scroll; width: 200px; height: 200px;">
....Здесь содержимое
</div>
</td>
</tr>
</table>
|
| |
| |
|
|
| |
|
|
| |
для: niki
(09.04.2007 в 21:02)
| | | Вариант для MS Explorer'a:
<head>
<script>
//задаёте
var Tleft = 40, Ttop = 40; //абсолютные координаты левого верхнего угла таблицы (в пикселах)
var Sheight = 300; //высоту скролла (в любых единицах)
onload = function ()
{
var TBL = document.getElementById ('myTable');
TBL.style.position = 'absolute';
var TBL_clone = TBL.cloneNode (1);
with (TBL.style) {left = Tleft; top = Ttop}
var DV = document.getElementById ('myDiv');
with (DV.style)
{
position = 'absolute';
left = Tleft;
height = Sheight;
overflowY = 'scroll';
top = TBL.rows (0).offsetHeight + Ttop;
width = TBL.offsetWidth + (DV.offsetWidth - DV.scrollWidth);
}
TBL.style.clip = 'rect (0 100% ' + TBL.rows (0).offsetHeight + ' 0)';
with (TBL_clone.style) {left = 0; top = TBL.rows (0).offsetHeight * (-1); width = '100%'}
DV.appendChild (TBL_clone);
document.body.style.visibility = 'visible';
}
</script>
</head>
<body style="visibility: hidden">
<!-- Не забываем прописать указанные ID для вашей таблицы и следующего за ней DIV'a -->
<table id="myTable" ...>
Ваша исходная таблица со всеми её строками, включая первую - шапку
</table>
<div id="myDiv" style="width: 100"></div>
...
</body>
|
| |
| |
|
|
