| |
|
|
| | Делаю грид. Заголовок - таблица в 1 строку с 4 столбцами.
Ширина столбцов - 10%, 50%, 20%, 20%.
<div>
<table width=100% align=center style='margin:0; height:32;' cellpadding=0 cellspacing=1 border=0>
<tr bgcolor=#3e688e color=white>
<td width=10%>Колонка 1</td>
<td width=50%>Колонка 2</td>
<td width=20%>Колонка 3</td>
<td width=20%>Колонка 4</td>
</tr>
</table>
</div>
|
Под заголовком - тело грида: div с overflow:auto, в котором находится таблица.
Ширина столбцов таблицы также 10%, 50%, 20%, 20%.
<div style='overflow:auto; height:250;'>
<table width=100% align=center style='margin:0;' cellpadding=0 cellspacing=1 border=0>
<tr>
<td width=10%>строка 1 колонка 1</td>
<td width=50%>строка 1 колонка 2</td>
<td width=20%>строка 1 колонка 3</td>
<td width=20%>строка 1 колонка 4</td>
</tr>
<tr>
<td width=10%>строка 2 колонка 1</td>
<td width=50%>строка 2 колонка 2</td>
<td width=20%>строка 2 колонка 3</td>
<td width=20%>строка 2 колонка 4</td>
</tr>
</table>
</div>
|
Ширина хидеров совпадает с шириной столбцов тела грида при малом количестве строк в гриде, пока не появится вертикальный scrollbar.
Когда количество строк становится большим и они не влезают по вертикали в отведенное под тело грида пространство, появляется скроллбар.
При этом колонки слева от скроллбара немного сжимаются (на ширину скролла).
А заголовок остается прежний. И получается что первоначальное совпадение ширины колонок заголовка и тела грида нарушается.
В итоге некрасиво как-то.
Что можно придумать с этим?
Есть мысль поменять при появлении скроллбара отступ справа у верхнего div'a, но как можно определить, появился скролл, или нет? И как определить ширину скролла, на которую надо сделать отступ вля верхнего div'a? | |
| |
|
