Javascript-форум (https://javascript.ru/forum/)
-   Работа (https://javascript.ru/forum/job/)
-   -   Допилить две библиотеки "colResizable" и "Tablesorter" под table с фиксир. head (https://javascript.ru/forum/job/42161-dopilit-dve-biblioteki-colresizable-i-tablesorter-pod-table-s-fiksir-head.html)

Neznayka 15.10.2013 15:09

Допилить две библиотеки "colResizable" и "Tablesorter" под table с фиксир. head
 
Добрый день. Есть страница, к которой подключены две библиотеки для работы с таблицей, а именно:

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, либо сюда.


Часовой пояс GMT +3, время: 07:44.