ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Закрепить заголовок в таблице
15 сообщений из 15, страница 1 из 1
Закрепить заголовок в таблице
    #38619585
zmeykin62
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zmeykin62
Гость
Ребят как закрепить заголовок в таблице?Много решений перепробовал не могу понять(
Код: html
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.
<div style="width:100%;border:2px solid black;">
<table>
<thead>
<tr class="fixed">
<th nowrap rowspan=2></th>
    <th nowrap rowspan=2>header1</th>
    <th nowrap rowspan=2>header2</th>
    <th nowrap colspan=2>header3</th>
</tr>
<tr class="fixed"><th nowrap>lovhead4</th>
    <th nowrap>lovheader5</th>
</tr>
</thead>
<tbody>
  <tr id="'||i.wh_id||'"> 
                        <td width=10><input type=checkbox ></td>
                        <td nowrap width=50%></td>
                        <td nowrap align=center></td>
                        <td ></td>
                        <td></td>                    
                    </tr>  
  <tr id="'||i.wh_id||'"> 
                        <td width=10><input type=checkbox ></td>
                        <td nowrap width=50%></td>
                        <td nowrap align=center></td>
                        <td ></td>
                        <td></td>                    
                    </tr>  
  <tr id="'||i.wh_id||'"> 
                        <td width=10><input type=checkbox ></td>
                        <td nowrap width=50%></td>
                        <td nowrap align=center></td>
                        <td ></td>
                        <td></td>                    
                    </tr>  
  <tr id="'||i.wh_id||'"> 
                        <td width=10><input type=checkbox ></td>
                        <td nowrap width=50%></td>
                        <td nowrap align=center></td>
                        <td ></td>
                        <td></td>                    
                    </tr>  
  <tr id="'||i.wh_id||'"> 
                        <td width=10><input type=checkbox ></td>
                        <td nowrap width=50%></td>
                        <td nowrap align=center></td>
                        <td ></td>
                        <td></td>                    
                    </tr>  
  <tr id="'||i.wh_id||'"> 
                        <td width=10><input type=checkbox ></td>
                        <td nowrap width=50%></td>
                        <td nowrap align=center></td>
                        <td ></td>
                        <td></td>                    
                    </tr>  
					
</tbody>
</table>
</div>
...
Рейтинг: 0 / 0
19.04.2014, 18:59
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38619595
zmeykin62
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zmeykin62
Гость
браузер ie 6 =(
...
Рейтинг: 0 / 0
19.04.2014, 19:12
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38619614
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
zmeykin62,
 
Работае в IE8, может и в IE6 прокатит...
Код: html
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.
<!DOCTYPE html>
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head>
<style>
* {
	font-family:arial,sans-serif;
	font-size:10pt;
}
table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
}
td, th{
	padding:2px 4px;
	border-left:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
    height:16px;
}
td:first-child, th:first-child {border-left:0;}
.DivFixTable {
	width:440px;
	margin-top:3px;
	border:1px solid #c5c5c5;
}
.gradient {
	background:#EFEFEF;
}
.Tdata {
	height:104px;
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;
}
</style>
<body>
Таблица с фиксированным заголовком
<div class="DivFixTable">
	<table class="gradient">
		<col width=100> <col width=120> <col width=100> <col width=120>
		<tr><th>Заголовок 1</th><th>Заголовок 2</th><th>Заголовок 3</th><th>Заголовок 4</th></tr>
	</table>
	<div class="Tdata">
		<table id="MyTable">
			<col width=100> <col width=120> <col width=100> <col width=120>
			<tr><td>1 строка</td><td>12345</td><td>12345</td><td>12345</td></tr>
			<tr><td>2 строка</td><td>12345</td><td>12345</td><td>12345</td></tr>
			<tr><td>3 строка</td><td>12345</td><td>12345</td><td>12345</td></tr>
			<tr><td>4 строка</td><td>12345</td><td>12345</td><td>12345</td></tr>
			<tr><td>5 строка</td><td>12345</td><td>12345</td><td>12345</td></tr>
			<tr><td>6 строка</td><td>12345</td><td>12345</td><td>12345</td></tr>
			<tr><td>7 строка</td><td>12345</td><td>12345</td><td>12345</td></tr>
		</table>
	</div>
</div>
</body>
</html>

...
Рейтинг: 0 / 0
19.04.2014, 20:24
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38619617
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
zmeykin62браузер ie 6 =(
пичалька
...
Рейтинг: 0 / 0
19.04.2014, 20:33
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38619664
zmeykin62
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
zmeykin62
Гость
zmeykin62Ребят как закрепить заголовок в таблице?Много решений перепробовал не могу понять(
Код: html
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.
<div style="width:100%;border:2px solid black;">
<table>
<thead>
<tr class="fixed">
<th nowrap rowspan=2></th>
    <th nowrap rowspan=2>header1</th>
    <th nowrap rowspan=2>header2</th>
    <th nowrap colspan=2>header3</th>
</tr>
<tr class="fixed"><th nowrap>lovhead4</th>
    <th nowrap>lovheader5</th>
</tr>
</thead>
<tbody>
  <tr id="'||i.wh_id||'"> 
                        <td width=10><input type=checkbox ></td>
                        <td nowrap width=50%></td>
                        <td nowrap align=center></td>
                        <td ></td>
                        <td></td>                    
                    </tr>  
  <tr id="'||i.wh_id||'"> 
                        <td width=10><input type=checkbox ></td>
                        <td nowrap width=50%></td>
                        <td nowrap align=center></td>
                        <td ></td>
                        <td></td>                    
                    </tr>  
  <tr id="'||i.wh_id||'"> 
                        <td width=10><input type=checkbox ></td>
                        <td nowrap width=50%></td>
                        <td nowrap align=center></td>
                        <td ></td>
                        <td></td>                    
                    </tr>  
  <tr id="'||i.wh_id||'"> 
                        <td width=10><input type=checkbox ></td>
                        <td nowrap width=50%></td>
                        <td nowrap align=center></td>
                        <td ></td>
                        <td></td>                    
                    </tr>  
  <tr id="'||i.wh_id||'"> 
                        <td width=10><input type=checkbox ></td>
                        <td nowrap width=50%></td>
                        <td nowrap align=center></td>
                        <td ></td>
                        <td></td>                    
                    </tr>  
  <tr id="'||i.wh_id||'"> 
                        <td width=10><input type=checkbox ></td>
                        <td nowrap width=50%></td>
                        <td nowrap align=center></td>
                        <td ></td>
                        <td></td>                    
                    </tr>  
					
</tbody>
</table>
</div>


Работает ) но если таблицу задать ширину 100% то скролинг пропадаети шапка не скролиться тогда)
...
Рейтинг: 0 / 0
19.04.2014, 22:19
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38627740
Chek_Fedor
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Chek_Fedor
Участник
При попытки закрепить шапку в таблице. Шапка "проглатывает" первую строку при задании position:fixed;
Код: css
1.
2.
3.
4.
5.
6.
style type="text/css">
thead  {
	position:fixed;
	width:1155;
}
</style>


как с этим бороться?
...
Рейтинг: 0 / 0
28.04.2014, 14:14
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38627848
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Chek_Fedorкак с этим бороться?
Шапка отдельно... Данные отдельно... Всем колонкам установить ширину принудительно.
...
Рейтинг: 0 / 0
28.04.2014, 15:26
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38627855
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Chek_Fedor,

мой пример выше? 15905815
...
Рейтинг: 0 / 0
28.04.2014, 15:33
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38627957
Chek_Fedor
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Chek_Fedor
Участник
Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<table id="t" class="sortable" border="1" cellpadding="0" cellspacing="0" width="1155" height="100%"
onload="loadload()" >
<thead id="id_thead" class="th" align="center">
<?DrowHed();?> Шапка
</thead>
<tbody >
<?php 
DrowData($_SESSION['$start_d'], $_SESSION['$end_d']);   Данные
?>
</tbody>
</table>


Как разделить?
...
Рейтинг: 0 / 0
28.04.2014, 16:39
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38627965
Chek_Fedor
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Chek_Fedor
Участник
krvsaChek_Fedorкак с этим бороться?
Шапка отдельно... Данные отдельно... Всем колонкам установить ширину принудительно.
В этом случае не смог "прикрутить" сортировку данных по клику на столбец шапки
...
Рейтинг: 0 / 0
28.04.2014, 16:43
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38627968
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Chek_FedorВ этом случае не смог "прикрутить" сортировку данных по клику на столбец шапки
"Не смог" это уже отдельная тема...
...
Рейтинг: 0 / 0
28.04.2014, 16:44
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38627990
Chek_Fedor
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Chek_Fedor
Участник
krvsaChek_FedorВ этом случае не смог "прикрутить" сортировку данных по клику на столбец шапки
"Не смог" это уже отдельная тема...
Что создать новую тему "сортировка данных" сейчас сортирую используя "tabsort.js"(
...
Рейтинг: 0 / 0
28.04.2014, 17:00
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38628398
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Chek_FedorЧто создать новую тему "сортировка данных" сейчас сортирую используя "tabsort.js"(
Тыбженые сортировки могут и не работать на "разорваных" таблицах...
...
Рейтинг: 0 / 0
29.04.2014, 08:25
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38628465
Chek_Fedor
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Chek_Fedor
Участник
krvsaChek_FedorЧто создать новую тему "сортировка данных" сейчас сортирую используя "tabsort.js"(
Тыбженые сортировки могут и не работать на "разорваных" таблицах...
Они и не работают
...
Рейтинг: 0 / 0
29.04.2014, 09:52
| Ответить | Цитировать | Написать  
Закрепить заголовок в таблице
    #38628648
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Изопропилzmeykin62браузер ie 6 =(
пичалькаНикакой пичальки.

Вот ископаемые способы фиксации заголовка, что-то из этого у меня работало в ie6: 5971746
...
Рейтинг: 0 / 0
29.04.2014, 12:05
| Ответить | Цитировать | Написать  
15 сообщений из 15, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Закрепить заголовок в таблице
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38619585&tid=1447140]:
 0ms
get settings:
 10ms
get forum list:
 16ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 175ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 58ms
get tp. blocked users:
 2ms
others: 239ms
total:  520ms
созд. / загр.: 520ms
x
x
Закрыть


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