Добрый день. Есть
страница, к которой подключены две библиотеки для работы с таблицей, а именно:
colResizable - для раздвижения колонок таблицы (немного модифицированная, чтобы колонки с классом "noresizable" не раздвигались);
Tablesorter - для сортировки колонок таблицы;
Как видно на странице таблица находится в диве, который имеет фиксированную ширину и высоту, и когда содержимое таблицы не вмещается в эти размеры, то у дива появляется прокрутка (прокручиваясь таблица полностью ездит в этом диве).
Задача - нужно чтобы при прокрутке шапка (head) таблицы фиксировалась, но при этом весь функционал сортировки и раздвижения колонок остался.
Для решения этой задачи я на этой
странице разбил данную таблицу, на две таблицы:
- В первой перекинул шапку (thead) и поместил ее в див, который и будет фиксироваться путем абсолютного позиционирования в блоке с прокруткой;
- Во вторую перекинул содержимое страницы (tbody).
Но конечно-же при таком подходе потерял функциональность библиотек, так как они обращаются к первой таблице, у которой можно сказать нет tbody, таким образом при раздвижении и сортировке колонок в thead данной таблицы, колонки во второй таблице не раздвигаются и не сортируются..
НУЖНО - допилить эти две библиотеки таким образом, чтобы при обращении к первой таблице (раздвижении ее колонок в thead и сортировке этих колонок), раздвигались и сортировались колонки tbody второй таблицы. Причем нужно учесть что таких таблиц на странице может быть сколько угодно, поэтому подход должен быть приблизительно таким (через классы $(".this_table_1").parent().find(".this_table_2"). ....))
Варианты других библиотек, подобно этим
table fixed header,
flexigrid и другие уже пересмотрены, они имеют один недостаток - таблицы не могут поддерживать ширину 100%, колонки всегда имеют фиксированную ширину и при изменении ширины родительского блока - не изменяют свою ширину.
Кто сможет это сделать пишите либо в скайп : sven-sven-sven-sven, либо на мыло :
SvenSoft@mail.ru, либо сюда.
