Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Прокрутка таблицы / 16 сообщений из 16, страница 1 из 1
29.05.2008, 12:28
    #35342679
Feg16
Feg16
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
Есть страница (см архив) необходимо сделать прокрутку контента вниз (шапка стоит на месте) и вправо (боковик стоит на месте), подтипа функции екселя "зафиксировать". Подойдут любые, даже бредовые идеи :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.05.2008, 13:31
    #35342974
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
Да ради бога. Единственный минус - IE only.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.05.2008, 14:17
    #35343173
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
Мне тоже понадобилась такая реализация. Если устраивает так, как на картинке, то вот код:
Код: 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.
<tr>
<td>
	<div style="border: none; width: 443px; float: left;">
		<div style="width: 443px; height: 20px; border-left: solid #7f9db9 1px; outline: none; float: left;">
			<table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
				<tr valign="middle">
					<td class="list_header" width="148">profession</td>
					<td class="list_header" width="42">shift N</td>
					<td class="list_header" width="54">from</td>
					<td class="list_header" width="54">to</td>
					<td class="list_header" width="54">rate in</td>
					<td class="list_header" width="54">rate out</td>
					<td class="list_header" width="14">nt</td>
					<td class="list_header" width="17"> </td>
				</tr>
			</table>
		</div>
		<div style="width: 444px; height: 94px; overflow-y: scroll; overflow: -moz-scrollbars-vertical; border: solid #7f9db9 1px; border-top: 0; outline: none; float: left;">
			<table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
				<colgroup width="148"><colgroup width="42"><colgroup width="54"><colgroup width="54"><colgroup width="54"><colgroup width="54"><colgroup width="14">
						<tbody id="shift_list"></tbody>
			</table>
		</div>
	</div>
	<img id="but_add" align="top" onmouseover="{}" style="cursor: pointer;" onmouseout="{}"  src="{}" width="57" height="27"><br>
	<img id="but_edit" onmouseover="{}" style="cursor: pointer;" onmouseout="{}" src="{}" width="57" height="27"><br>
	<img id="but_remove" onmouseover="{}" style="cursor: pointer;" onmouseout="{}"  src="{}" width="57" height="27">
</td>
</tr>

Хотя такой вариант кроссбраузерный, но я его отлаживал только для ИЕ, в ФФ выглядит каличней, а в Опере не смотрел (у меня проект только под ИЕ). Если подправить, то будет везде одинаково. Вариант, описанный в предыдущем посте, мне не подошел - боковой скролл получается очень уродливым (и как бы прилепленным к таблице).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.05.2008, 14:17
    #35343175
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.05.2008, 14:25
    #35343214
Feg16
Feg16
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
Спасибо, код классный, шапку легко прикрутить на место :) с боковиком труднее :(
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.05.2008, 14:41
    #35343278
Feg16
Feg16
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
Antonariy большой респект, как раз то что нужно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2008, 13:34
    #35376971
Feg16
Feg16
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
В результате переработки всех вариантов, все-таки нашел элементарный способ, реально работающий для таблиц любой сложности. Тем ячейкам, которые необходимо закрепить, необходимо проставить класс "Fixed" и заюзать css документ
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2008, 13:52
    #35377040
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
А я вот к этому коду с наперёд заданной шириной столбцов прикрутил яваскрипт, который ширину по максимуму заголовка/содержимого делает. А щас делаю вожможность ресайза столбцов
.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2008, 13:54
    #35377053
Feg16
Feg16
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
:) потом скрипт выложишь если он простой. Если сложный - не нужно, сложных полный инет, от них страшные тормоза, особенно если таблицы большие...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2008, 14:23
    #35377174
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
Feg16:) потом скрипт выложишь если он простой. Если сложный - не нужно, сложных полный инет, от них страшные тормоза, особенно если таблицы большие...
Страшные тормоза у меня в ИЕ6 и от Вашей небольшой таблицы. Если заменить стиль для thead th на
Код: plaintext
1.
2.
3.
thead th {
  top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop- 2 +'px');
  z-index:  20 ;
}
то ему значительно легчает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2008, 14:29
    #35377208
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
На всякий случай...
Тынц 1 с сортировкой.
Тынц 2 , подглюкивающий, но самый простой.
Тынц 3 с сортировкой и стилями. Тормозов не видно.
Тынц 4 с изменением позиций колонок, но тормозной при ресайзе.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2008, 14:34
    #35377227
Feg16
Feg16
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
illion Feg16:) потом скрипт выложишь если он простой. Если сложный - не нужно, сложных полный инет, от них страшные тормоза, особенно если таблицы большие...
Страшные тормоза у меня в ИЕ6 и от Вашей небольшой таблицы. Если заменить стиль для thead th на
Код: plaintext
1.
2.
3.
thead th {
  top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop- 2 +'px');
  z-index:  20 ;
}
то ему значительно легчает.
замечательно, документ действительно стал летать, премного благодарен.

зы. обновленный архив. кажется дело полугодовой давности тронулось :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2008, 14:46
    #35377292
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
ИЕ онли, однако!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2008, 14:52
    #35377326
Feg16
Feg16
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
Да, кстати, IE only :)
в опере стили несколько другие, влом копаться. у нас стандарт - браузер IE =)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2008, 15:04
    #35377397
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
Ерунда, можно вместо стиля экспрешшион юзать яваскрипт и всё будет зашибись. Будет время попробую. А так, воще-то, нехило.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.06.2008, 15:28
    #35377521
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Прокрутка таблицы
надо помнить, что экспрешшены вычисляются заново при любом пуке со стороны юзера, зачастую даже если просто водить мышкой. Так что лучше от них отказаться рано, чем поздно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Прокрутка таблицы / 16 сообщений из 16, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 493ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1456337]:
 0ms
get settings:
 9ms
get forum list:
 12ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 183ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 32ms
get tp. blocked users:
 1ms
others: 244ms
total:  493ms
x
x
Закрыть


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