10 jQuery Datagrid плагинов

jQuery Datagrid plugins

Обзор jQuery плагинов для организации DataGrid’a.


Совсем недавно пришлось искать плагин для jQuery, который бы позволим быстро и не напрягаясь создавать таблицы с сортировкой, поиском и постраничной навигацией – т.н. Datagrid. Перелопатив поисковую выдачу Googl’a были найдены следующие представители (надеюсь, данный список позволит Вам сэкономить время)…

jqGrid

jqGrid plugin
HOME | DEMO | Last Update: May 2009

Удобный и многофункциональный плагин, позволяет осуществлять сортировку, редактирование, поиск; поддерживает интеграцию с jQuery UI Datepicker; поддерживает темы jQuery UI; хорошая документация и API. Полноценный инструмент, если бы еще не был таким большим.

Flexigrid

Flexigrid plugin
HOME | Last Update: July 2008

Пожалуй один из самых удобных и красивых плагинов, но к сожалению не развивается и не совместим с jQuery 1.3.2.

Ingrid

Ingrid plugin
HOME | Last Update: November 2007

Выглядет симпатично, есть сортировка и постраничная навигация. Жаль не развивается.

jTPS

jTPS plugin
HOME | DEMO | Last Update: August 2008

Датагрид с анимированной сортировкой и постраничной навигацией, но оперирует лишь данными доступными на странице (никакой подгрузки AJAX’ом О_о).

FireScope Grid

FireScope Grid
HOME | Last Update: February 2009

Визуально кривой датагрид, а глядя на предложенную реализацию PHP части – думаю использовать его не стоит.

tgrid

tgrid
HOME | DEMO | Last Update: May 2009

Еще очень сыроват, версия 0.0.2; сортировка, поиск, редактирование; но еще слишком сыро…

Datacontrol

Datacontrol
HOME | Last Update: February 2009

Странноватый плагин, скачать его нельзя (ну если постраться то можно, но не суть важно), на вид очень сырой, сомневаюсь в его работоспособности. Использует XML + XLS…

DataTables

DataTables
HOME | DEMO | Last Update: February 2009

Дизайн данного плагина конечно простоват, но зато он достаточно шустрый. Поддерживает поиск по загруженным данным, без обращения к серверу. В качестве источника данных понимает лишь JSON.

Snowcore Datagrid

snowcore
HOME | DEMO | Last Update: December 2008

Этот плагин еще в зачаточном состоянии, зато с перспективным будущим ;)

JGridEditor

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

P.S. Если у Вас есть еще какие плагины на примете – пишите – добавлю…

Другие посты на эту тему

33 Responses to “10 jQuery Datagrid плагинов”

  1. ignar says:

    jqGrid самый интересный как по мне.
    Функциональные гриды обычно используются в админчастях или в приложениях, ИМХО тогда уже лучше использовать dojo, серьезное приложение на jquery слишком геморно и не серьезно.

  2. none says:

    Может в тему: TableEditor, tablesorter

  3. Sych says:

    Ну десяток плагино это хорошо – но что же автору пришлось больше по душе и на чем собственно остановился выбор ?

    • Выбрал jqGrid, хотя FlexiGrid мне больше понравился, но он, к сожалению, не обновляется…

      • Kirby says:

        Антон, FlexGrid отлично работает c последней версией jQuery. Не пойму в возникли трудности…

  4. Tyler says:

    Я тоже за jqGrid, от части потому что документация обширная,
    и хотя зачастую его возможностей “с головой” хватает, при необходимости очень удобно/легко добавить нужное.

  5. illusions says:

    А чому немає tablesorter.
    http://tablesorter.com/docs/

  6. d-r Hogart says:

    > Использует XML + XLS…
    XSL, наверное?:)

  7. Storm says:

    jqGrid не сильно подвисает при работе с большим объемом данных? от тысячи и более? + вопрос: при вызове инициализции, скрипт подгружает все данные, а потом на клиентской машине их разбивает? или при вызове отдельной страницы подтягивает данные при помощи ajax>?

  8. Tyler says:

    от тысячи и более?

    а так часто нужно на клиенте за раз подгружать и сортировать/отображать такой объем? :) помоему “пагинация” вполне удобная там.

    при вызове отдельной страницы подтягивает данные при помощи ajax

    угу, при запросах к данным он указывает “размер страницы”, тобишь LIMIT.

  9. Storm says:

    а так часто нужно на клиенте за раз подгружать и сортировать/отображать такой объем? :) помоему “пагинация” вполне удобная там.

    так я и спрашиваю он сразу все подгружает или тянет по частям

  10. Tyler says:

    так я и ответил :) – по частям, когда нужно и сколько нужно.

  11. Storm says:

    спасибо:) просто нет времени углубляться в проблему. до этого момента юзал datatables, а теперь в проекте будет большой объем данных. поэтому искал замену

  12. Snowcore says:

    Немного приостановился в разработке своего Snowcore Datagrid.
    Вот скоро соберусь с силами и доведу его до ума!

  13. mr-yura says:

    Не могу поставить jqGrid! Помогите плиз! Примеры на локале работают, а как свой создаю по примерах – либо пустая страница, либо пустая таблица!

  14. mr-yura says:

    Жду помощи!!!!

  15. mr-yura says:

    Спасибо уже поставил! Только не работает поиск, как и где прописаны переменные или функции отвечающие за поиск!

  16. Farrukh says:

    IS there any way to integrate your plugin (a)SlideShow jQuery Plugin in the template ? Please do reply as i really need help in this regard. If possible mail me your reply. Will be thankful to you

  17. illusive says:

    Простите Антон, но грех людям не предложить библиотечку для легкого и удобного управления jqGrid:

    Библиотека Fooup_JQuery_Grid

    P.S. там в коментах выложена более обновленная версия библиотеки, но принцип ее работы сильно изменился от предидущей версии… но думаю можно разобраться, ведь потом для создания таких datagrid’ов нужно будет заниматься только копи-пастом собственного кода и косметической корректировкой.

  18. Саня says:

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

    У меня один скрипт php, в котором есть форма, где выбираются параметры поиска, action формы настроен на этот же скрипт, т.е. здесь же POST-данные получаются и на основе них строится запрос, результаты которого собственно и нужно отобразить в Grid.
    Подскажите, плиз, кто чем сможет
    Заранее благодарен.
    С уважением

  19. ShadowXak says:

    Буду делать прайс, для Joomla 1.5.x через jqGrid

    что то подобное написал, но функционал маловат, сейчас же надеюсь на расширение

  20. Юрий says:

    Гриды и таблицы это здорово, но этого мало.
    Для красивого и функционального интерфейса мне понадобилось дерево. А точнее возможность скрывать раскрывать элементы в таблице как в дереве.
    К счастью я нашел решение: http://plugins.jquery.com/project/treetable

    рекомендую

  21. Виктор says:

    Подскажите пожалуйста направление для следующей задачи:
    по событию jqGrid-а (например onSelectRow или ondblClickRow)
    создавать модальное (или не модальное) окно в которое передаем id записи и формируем запрос из базы по данному id.
    На данный момент интересует лишь вызов окна по событию грида.
    Суть заключается в подробном отображении выделенной записи грида во всплывающем окне.

  22. Андрей says:

    Виктор, на сколько я знаю jqGrid поддерживает свои окна с подробной информацией о записи из которого ее можно редактировать. http://www.trirand.com/blog/jqgrid/jqgrid.html -> Live Data Manipulation -> Edit row

  23. Online says:

    Добрый день! подскажите, как используя плагин, не использовать весь функционал, а только для ресайза колонок?

  24. Иван says:

    Добрый день!
    Подскажите пожалуйста, а jqGrid бесплатно распростроняется или за определенную плату, надо лицензию покупть и все такое?

  25. Tyler says:

    jqGrid – бесплатен, на сайте вроде написано.

  26. Иван says:

    Хмм…
    Да, но почему здесь написано о покупке лицензии
    http://www.trirand.net/licensing.aspx
    Тогда, как здесь пишут, что он бесплатен, но вы можете помочь развитию данного компонента, заплатив рубли
    http://www.trirand.com/blog/?page_id=154

  27. Иван says:

    Все разобрался!
    Новый версии продукта jqGrid for PHP идут как комерческие, а сам jqGrid распростроняется по GPL & MIT. Хотя конечно jqGrid for PHP более привлекателен и получил дальнейшее развитее, а jqGrid походу на этом и остановиться

  28. Джо says:

    У datatables есть интеграция с jQuery UI темами (возможно появилась со времени написания этой статьи).

Leave a Reply

Copyright © 2007-2010, Anton Shevchuk. Powered by WordPress