powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / Java [игнор отключен] [закрыт для гостей] / javascript: плавающая шапка таблицы
3 сообщений из 3, страница 1 из 1
javascript: плавающая шапка таблицы
    #33430321
dasdas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Уважаемые коллеги,

необходима ваша помощь.

Нужно срочно сделать одну задачку - думаю что скорее всего ее нужно решать с использованием javascript.

задача:

есть длинная таблица, при прокрутке необходимо чтобы шапка таблицы была постоянно видна - плавала.

если есть какое-то к=готовое решение - ткните носом ;)

или подскажите в какую сторону капАть?

спасибо.
...
Рейтинг: 0 / 0
javascript: плавающая шапка таблицы
    #33430374
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ну, если самостоятельно поискать, то можно найти вот такое немного кривоватое решение, которое можно подправить

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
<html>
<head>
<title>test Table</title>
<script language="javascript">

function change_pos_title()
{
var top_pos=document.body.scrollTop;
window.status = "X : " + top_pos;
keys.style.top=top_pos;
}
</script>

</head>

<body Onscroll=change_pos_title();>
<table border= 1 >
<tr id=keys style="position:absolute; top:-3;" bgcolor=cccccc>
<td>Key_1</td>
<td>Key_2</td>
</tr>
<tr>
<td>Value_1</td>
<td>Value_2</td>
</tr>
<tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr><tr>
<td>Value_1</td>
<td>Value_2</td>
</tr>
</table>


</body>
</html>
...
Рейтинг: 0 / 0
javascript: плавающая шапка таблицы
    #33430781
dasdas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
спасибо,

буду разбираться как оно работает.
...
Рейтинг: 0 / 0
3 сообщений из 3, страница 1 из 1
Форумы / Java [игнор отключен] [закрыт для гостей] / javascript: плавающая шапка таблицы
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]