jQuery Scrollable, Сортируемый, Фильтруемый стол - PullRequest
26 голосов
/ 10 октября 2008

Я собираюсь использовать jQuery для обработки нескольких очень распространенных запросов, которые мы получаем для таблиц данных разных размеров: прокрутка, сортировка и динамическая фильтрация.

  • В прошлом я занимался прокруткой, имея две отдельные таблицы со столбцами фиксированной ширины и связанные с ними контейнеры div для «фактической» прокрутки. Однако этот метод не работает ни с одним из расширений таблиц сортировки на основе jQuery, с которыми мне приходилось сталкиваться (до сих пор моим любимым был tableorter), поскольку они хотят всего в одной таблице.
  • Для фильтрации они запрашивают что-то похожее на то, как списки Excel и SharePoint делают это (в основном все значения столбцов перечислены в раскрывающемся списке, что позволяет пользователю выбирать / отменять их выбор). Я еще не видел ничего подобного, хотя это звучит возможно.
  • Еще одна полезная функция - возможность «заморозить» столбец для горизонтальной прокрутки.

В идеале я хотел бы иметь существующее расширение, но если его там нет, я также буду признателен советам любого гуру jQuery о том, как лучше всего его реализовать. Мои нынешние мысли - погрузиться в TableSorter и расширять / обновлять его по мере необходимости.

Надеемся, что все будет сфокусировано, подкачка страниц не подходит (как, впрочем, и с любым сервером).

Обновление: Я до сих пор ценю ответы, но ни один из приведенных вариантов вообще не затрагивает аспект фильтрации (при этом я должен признать, что jqGrid выглядит очень хорошо для некоторых моих будущих проектов). Тем временем я буду работать над заказным решением для фильтрации; если получится, я снова обновлюсь.

Ответы [ 6 ]

13 голосов
/ 16 февраля 2013

Я столкнулся с этим вопросом, когда сам искал плагин для сортируемой таблицы; Я действительно не был впечатлен ни одним из предложенных виджетов, но позже я обнаружил DataTables , и я был весьма впечатлен. Я рекомендую проверить это.

8 голосов
/ 11 октября 2008

Может быть, этот отличный плагин мог бы сделать это:

Демонстрационная страница

Это называется jQGrid, вот страница проекта: http://plugins.jquery.com/project/jqGrid

4 голосов
/ 11 октября 2008

Я бы посоветовал вам попробовать Flexigrid .

У него много замечательных функций, и я лично считаю, что он выглядит более профессионально, чем jqGrid.

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

Если вы кодируете на c #, то я разместил в блоге запись о том, как использовать LINQ to Reflection для привязки JSON к Flexigrid ... если вы используете другой язык, есть другие примеры, которые вы можете найти на сайте Flexigrid & Группа Google страница.

3 голосов
/ 06 мая 2010
1 голос
/ 16 ноября 2012

Как уже упоминалось в моем обновлении, я использовал специальное расширение фильтрации (к сожалению, с закрытым исходным кодом). Я недавно начал использовать SlickGrid , и теперь это моя таблица перехода.

0 голосов
/ 15 января 2018

Я бы хотел добавить DataTables со вкусом Laravel ( GitHub , API-интерфейс DataQables ) - идеально, если вы уже работаете с PHP / Laravel.

Extra, koalyptus / TableFilter другая таблица пользовательских фильтров (на самом деле, моя любимая).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...