2012-08-14 2 views
2

Я пытаюсь отсортировать таблицу HTML, как показано нижеКак сортировать заголовок столбца диапазона с помощью таблицы сортировки сценария

enter image description here

Мне нравится сортировать когда нажмите на заголовок таблицы (Person, User #, UniqueID , Полное имя, номер перевода, флаги, вход и выход).

Как сортировать, когда нажимают на User #, а также на столбец UniqueID, используя сортировку таблицы?

ответ

0

Хм, он по-прежнему не идеален, но у меня есть вилка tablesorter на github, которая способна сортировать столбцы под щелчком столбца ... попробуйте ячейку заголовка «Полное имя», чтобы увидеть, что я имею в виду. Мне нужно будет исправить, как он обновляет css в столбцах «Продукт» и «В».

Во всяком случае, here is a demo используя информацию, содержащуюся на изображении выше. Он использует недокументированный вариант cssChildRow - см. original demo here. Код из этой второй демонстрации был добавлен в tablesorter 2.0.5. И here is the same demo с использованием оригинального tablesorter ... вы можете видеть, что щелчок по столбцу «Полное имя» будет сортировать столбец «ID #»

+0

Привет, Mottie Спасибо за ваш ответ, я пробовал некоторые, но не работал, вот демо-ссылка http://jsfiddle.net/prabud/wB8bk/ любое предложение? – prabu

+0

Давайте попробуем с http://www.pengoworks.com/workshop/jquery/tablesorter/tablesorter.htm – prabu

+0

Мне пришлось добавить класс «expand-child» к дополнительным строкам таблицы - те, которые находятся непосредственно под строками с «rowspan» = "2" '(но только в теле). Ниже приведено [обновленное демо] (http://jsfiddle.net/Mottie/wB8bk/5/) – Mottie