ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Прокрутка таблицы
16 сообщений из 16, страница 1 из 1
Прокрутка таблицы
    #35342679
Фотография Feg16
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Feg16
Участник
Есть страница (см архив) необходимо сделать прокрутку контента вниз (шапка стоит на месте) и вправо (боковик стоит на месте), подтипа функции екселя "зафиксировать". Подойдут любые, даже бредовые идеи :)
...
Рейтинг: 0 / 0
29.05.2008, 12:28
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #35342974
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Да ради бога. Единственный минус - IE only.
...
Рейтинг: 0 / 0
29.05.2008, 13:31
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #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:17
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #35343214
Фотография Feg16
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Feg16
Участник
Спасибо, код классный, шапку легко прикрутить на место :) с боковиком труднее :(
...
Рейтинг: 0 / 0
29.05.2008, 14:25
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #35343278
Фотография Feg16
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Feg16
Участник
Antonariy большой респект, как раз то что нужно.
...
Рейтинг: 0 / 0
29.05.2008, 14:41
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #35376971
Фотография Feg16
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Feg16
Участник
В результате переработки всех вариантов, все-таки нашел элементарный способ, реально работающий для таблиц любой сложности. Тем ячейкам, которые необходимо закрепить, необходимо проставить класс "Fixed" и заюзать css документ
...
Рейтинг: 0 / 0
17.06.2008, 13:34
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #35377040
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
А я вот к этому коду с наперёд заданной шириной столбцов прикрутил яваскрипт, который ширину по максимуму заголовка/содержимого делает. А щас делаю вожможность ресайза столбцов
.
...
Рейтинг: 0 / 0
17.06.2008, 13:52
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #35377053
Фотография Feg16
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Feg16
Участник
:) потом скрипт выложишь если он простой. Если сложный - не нужно, сложных полный инет, от них страшные тормоза, особенно если таблицы большие...
...
Рейтинг: 0 / 0
17.06.2008, 13:54
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #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:23
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #35377208
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
На всякий случай...
Тынц 1 с сортировкой.
Тынц 2 , подглюкивающий, но самый простой.
Тынц 3 с сортировкой и стилями. Тормозов не видно.
Тынц 4 с изменением позиций колонок, но тормозной при ресайзе.
...
Рейтинг: 0 / 0
17.06.2008, 14:29
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #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:34
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #35377292
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
ИЕ онли, однако!
...
Рейтинг: 0 / 0
17.06.2008, 14:46
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #35377326
Фотография Feg16
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Feg16
Участник
Да, кстати, IE only :)
в опере стили несколько другие, влом копаться. у нас стандарт - браузер IE =)
...
Рейтинг: 0 / 0
17.06.2008, 14:52
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #35377397
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Ерунда, можно вместо стиля экспрешшион юзать яваскрипт и всё будет зашибись. Будет время попробую. А так, воще-то, нехило.
...
Рейтинг: 0 / 0
17.06.2008, 15:04
| Ответить | Цитировать | Написать  
Прокрутка таблицы
    #35377521
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
надо помнить, что экспрешшены вычисляются заново при любом пуке со стороны юзера, зачастую даже если просто водить мышкой. Так что лучше от них отказаться рано, чем поздно
...
Рейтинг: 0 / 0
17.06.2008, 15:28
| Ответить | Цитировать | Написать  
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Прокрутка таблицы
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=331&tid=1456337]:
 0ms
get settings:
 8ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 33ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 213ms
total:  342ms
созд. / загр.: 342ms
x
x
Закрыть


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