jQuery подскажите плагин, при прокрутке скролла в браузере показывать шапку таблицы

12
rtyug
На сайте с 13.05.2009
Offline
263
1814

есть таблица на весь экран в браузере (и даже больше экрана)

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

сейччас гуглю, существует ли такой плагин...

подскажите, пожалуйста, никто не видел такой плагин?

я кое что нашел http://www.coolwebmasters.com/tutorials/4189-on-scroll-header-effects.html

но в демо http://tympanus.net/Development/HeaderEffects/ как не очень очевидно все выглядит

есть ли другие плагины такие же?

Спалил тему: Pokerstars вывод WMZ, etc на VISA 0% или SWIFT + Конверт USD/GBP,etc (net profit $0,5 млрд) (https://minfin.com.ua/blogs/94589307/115366/) Monobank - 50₴ на счет при рег. тут (https://clck.ru/DLX4r) | Номер SIP АТС Москва 7(495) - 0Ꝑ, 8(800) - 800Ꝑ/0Ꝑ (http://goo.gl/XOrCSn)
IL
На сайте с 20.04.2007
Offline
435
#1
... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
B
На сайте с 21.05.2010
Offline
27
#2

Введите содержимое

rtyug
На сайте с 13.05.2009
Offline
263
#3

спасибо, смотрю

но в данный момент, я написал строллом НЕ в таблице, а скролом именно в браузере ( которые самый с права в конце окна вертикально)

(хотя, правда можно переделать таблицу чтобы скролл был в таблице, а не в браузере)

I
На сайте с 28.03.2011
Offline
37
#4

посмотрите http://leafo.net/sticky-kit/#examples

Помогаю не только словом.. (/ru/forum/830720)
Root77
На сайте с 18.03.2012
Offline
73
#5

Закрепите шапку таблицы position: fixed и все.

Кто имеет нож, да возьмет, а кто не имеет, да продаст ризу и купит нож
outtime
На сайте с 04.05.2008
Offline
197
#6

Зачем плагины, когда можно в css для данного элемента (или выводить непрозрачный div сверху с тем же видом заголовков столбцов и z-index по максимуму) прописать position:fixed; top:0px и всё? 😕

Предлагаю воспользоваться моими услугами корректора. Проверю и уберу все ошибки, поправлю грамматику и склонения, сделаю текст лучше и читабельнее. Высокая скорость работы, цена 20 р за 1000 символов.
rtyug
На сайте с 13.05.2009
Offline
263
#7
Root77:
Закрепите шапку таблицы position: fixed и все.
outtime:
Зачем плагины, когда можно в css для данного элемента (или выводить непрозрачный div сверху с тем же видом заголовков столбцов и z-index по максимуму) прописать position:fixed; top:0px и всё? 😕

я поставил:

<table cellspacing="1" cellpadding="4" class="styledP">

<tr style="position:fixed; top:0px">
<th rowspan="3">План</th>
<th rowspan="3">План</th>
<th rowspan="3">Коммент.</th>
<th rowspan="3">Оборот</th>
</tr>
<tr style="position:fixed; top:0px">
<th colspan="2">11</th>
</tr>
<tr>
...................

шапка НЕ зафиксировалась, или как и куда это поставить?

vandamme
На сайте с 30.11.2008
Offline
675
#8

да вот вам ответ, я так понял в самом jquery есть плагин

https://www.google.ru/#newwindow=1&q=table+sticky+header

вам дали примеры когда нет прокрутки самой страницы, а просто зафиксенный по высоте див с таблицей внтури, это не гуд (точно не разбирался, возможно там можно убрать полосу прокрутки в диве).

вот что вам надо

http://tympanus.net/codrops/2014/01/09/sticky-table-headers-columns/

или

https://github.com/jmosbech/StickyTableHeaders (Go ahead and try out a demo.)

или

http://www.jqueryscript.net/table/Simple-jQuery-Plugin-To-Freeze-Header-Row-In-Table-freezeheader.html

rtyug
На сайте с 13.05.2009
Offline
263
#9
position:fixed; top:0px
position:fixed;

как только я добавляю, то шапка сбивается полностью сразу при загрузке странице, как это решить можно?

vandamme
На сайте с 30.11.2008
Offline
675
#10

прочитайте ответ выше, забудьте про css

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий