Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Закрепить заголовок в таблице / 15 сообщений из 15, страница 1 из 1
19.04.2014, 18:59
    #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, 19:12
    #38619595
zmeykin62
zmeykin62
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Закрепить заголовок в таблице
браузер ie 6 =(
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.04.2014, 20:24
    #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:33
    #38619617
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Закрепить заголовок в таблице
zmeykin62браузер ie 6 =(
пичалька
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.04.2014, 22:19
    #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
| Ответить | Цитировать | Написать  
28.04.2014, 14:14
    #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, 15:26
    #38627848
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Закрепить заголовок в таблице
Chek_Fedorкак с этим бороться?
Шапка отдельно... Данные отдельно... Всем колонкам установить ширину принудительно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.04.2014, 15:33
    #38627855
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Закрепить заголовок в таблице
Chek_Fedor,

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

Вот ископаемые способы фиксации заголовка, что-то из этого у меня работало в ie6: 5971746
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Закрепить заголовок в таблице / 15 сообщений из 15, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 484ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447140]:
 0ms
get settings:
 10ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 152ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 52ms
get tp. blocked users:
 1ms
others: 236ms
total:  484ms
x
x
Закрыть


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