[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Скроллинг таблицы со статичной шапкой
Kukaramba
Народ, как сделать скроллинг таблицы со статичной шапкой?

То есть - имеется таблица, вида:
Свернутый текст
<table width="100%" border="1" cellspacing="5">
<tr>
<th
scope="col">A</th>
<th
scope="col">B</th>
<th
scope="col">C</th>
<th
scope="col">D</th>
</tr>
<tr>
<td>
1</td>
<td>
10</td>
<td>
19</td>
<td>
28</td>
</tr>
<tr>
<td>
2</td>
<td>
11</td>
<td>
20</td>
<td>
29</td>
</tr>
<tr>
<td>
3</td>
<td>
12</td>
<td>
21</td>
<td>
30</td>
</tr>
<tr>
<td>
4</td>
<td>
13</td>
<td>
22</td>
<td>
31</td>
</tr>
<tr>
<td>
5</td>
<td>
14</td>
<td>
23</td>
<td>
32</td>
</tr>
<tr>
<td>
6</td>
<td>
15</td>
<td>
24</td>
<td>
33</td>
</tr>
<tr>
<td>
7</td>
<td>
16</td>
<td>
25</td>
<td>
34</td>
</tr>
<tr>
<td>
8</td>
<td>
17</td>
<td>
26</td>
<td>
35</td>
</tr>
<tr>
<td>
9</td>
<td>
18</td>
<td>
27</td>
<td>
36</td>
</tr>
</table>

Как сделать так, чтобы осуществлялась прокрутка таблицы, но шапка оставалась на своем месте??



Спустя 29 минут, 30 секунд (27.04.2010 - 14:06) moskitos80 написал(а):
На сколько я помню - разметку таблицы нельзя разбивать посторонними тэгами, но можно сделать двумя таблицами, останется только длины ячеек подобрать:


<div>

<table
width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td
scope="col" width="400px">EEEEEEEE</th>
<td
scope="col" width="400px">RRRRRR</th>
<td
scope="col">GGGGGGGG</th>
</tr>
</table>

<div
style="overflow: scroll; height: 300px;">
<table
width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td
width="400px">GGGGGGG</td>
<td
width="400px">CCCCCC</td>
<td>
 </td>
</tr>


...

</table>
</div>

</div>


Спустя 4 минуты, 7 секунд (27.04.2010 - 14:11) Kukaramba написал(а):
То есть первая страница будет статичной, а вторая - со скроллингом?
И, возможно ли оставить таблицу динамической относительно размера?

Спустя 2 минуты, 19 секунд (27.04.2010 - 14:13) moskitos80 написал(а):
Цитата
То есть первая страница будет статичной, а вторая - со скроллингом?

- Первая таблица - да.
Цитата
динамической относительно размера?

- поставь размеры в %

Спустя 36 минут, 29 секунд (27.04.2010 - 14:49) Kukaramba написал(а):
Уррря! Спасибо. Получилось.

Спустя 27 минут, 55 секунд (27.04.2010 - 15:17) Kukaramba написал(а):
Блин, проблема все же осталась с динамическим размером....

Спустя 3 минуты, 28 секунд (27.04.2010 - 15:21) Kukaramba написал(а):
А можно ли узнать ширину столбцов первой таблицы и константой вставить во вторую??

Спустя 20 минут, 34 секунды (27.04.2010 - 15:41) Kukaramba написал(а):
Просто при добавлении данных - ширина меняется. Даже задавая ширину в процентах - толку нет....

Свернутый текст
$st1="62";
$st2="5%";
$st3="9%";
$st4="9%";
$st5="19%";
$st6="24%";
$st7="13%";
$st8="10%";

echo "<div>";
echo "<table width="."100%"." border="."1"." rules=all>";
echo "<tbody>";
echo "<tr>";

echo "<th width=".$st1." scope="."col".">";
echo "Контроль";
echo "</th>";
echo "<th width=".$st2." scope="."col".">";
echo "Тип";
echo "</th>";
echo "<th width=".$st3." scope="."col".">";
echo "Входящие.";
echo "</th>";
echo "<th width=".$st4." scope="."col".">";
echo "Исходящие.";
echo "</th>";
echo "<th width=".$st5." scope="."col".">";
echo "Организация";
echo "</th>";
echo "<th width=".$st6." scope="."col".">";
echo "Тема";
echo "</th>";
echo "<th width=".$st7." scope="."col".">";
echo "Сотрудник";
echo "</th>";
echo "<th width=".$st8." scope="."col".">";
echo "Файл";
echo "</th>";

echo "</tr>";
echo "</table>";

echo "<div style='overflow: scroll; height: 400px;'>";
echo "<table width="."100%"." border="."1"." rules=all>";
echo "<tbody>";

while ($row = pg_fetch_row($result))
{
echo "<tr>";

echo "<td width=".$st1.">";
echo "$row[0]";
echo "</td>";

echo "<td width=".$st2.">";
echo "$row[1]";
echo "</td>";

echo "<td width=".$st3.">";
echo "$row[2]";
echo "</td>";

echo "<td width=".$st4.">";
echo "$row[3]";
echo "</td>";

echo "<td width=".$st5.">";
echo "$row[4]";
echo "</td>";

echo "<td width=".$st6.">";
echo "$row[5]";
echo "</td>";

echo "<td width=".$st7." nowrap="."nowrap".">";
echo "$row[6]";
echo "</td>";
//Файл
echo "<td width=".$st8.">";
echo "<a href='file:".strstr($row[7]."' target='_blank'>".strstr($row[7],'010')."</a>",'\\');
echo "</td>";

echo "</tr>";
}





echo "</table>";
echo "</div>";
echo "</div>";

Спустя 25 минут, 51 секунда (27.04.2010 - 16:07) moskitos80 написал(а):
Я думаю можно узнать, но посредством JS, но это уже чёт - такой огород получается... huh.gif

Спустя 1 час, 13 минут, 20 секунд (27.04.2010 - 17:20) Michael написал(а):
Темку я переместил в "Дизайн и верстку". Чтобы ей тут было уютней чем в "Вебсервере".

Спустя 21 час, 5 минут, 58 секунд (28.04.2010 - 14:26) Kukaramba написал(а):
Так все же? Как быть??
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.