Главная > Библиотеки скриптов, Инструменты > 20 табличных плагинов jQuery

20 табличных плагинов jQuery


2 июня 2011, 10:40. Разместил: Mysterious Master
Команда разработчиков jQuery однажды заявила, что их разработка выпускается под слоганом «Пишите меньше – делайте больше!», и это правило действительно работает, так как вам можно не писать большую часть кода, а лишь подгружать уже готовые варианты со стороны. Разработчики очень любят jQuery, и считают данную библиотеку неотъемлемой частью процесса разработки.

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

jQuery даёт возможность создания стильных и гибких таблиц посредством неподражаемых плагинов. В нашей сегодняшней подборке вы найдёте 20 табличных плагинов от jQuery, которые наверняка окажутся полезными. Эти плагины помогут вам создавать невероятные таблицы, которые вам будет крайне просто редактировать, а вашим читателям понять. Таким образом, обе стороны будут счастливы. Давайте рассмотрим каждый плагин подробнее.

01. Collapser

Jquery collapser – это многозадачный плагин, разработанный специально для расширения и сжатия элементов. Посредством этого плагина вы можете создавать гармошку или складывающийся список.

20 табличных плагинов jQuery

02. jExpand

jExpand – это ультралёгкий плагин jQuery, который поможет вам сделать ваши таблицы раздвижными. Такой тип таблиц отлично подойдет для бизнес-приложений, и плагин поможет вам в улучшении таблиц. Таким образом, таблицы смогут содержать гораздо больше информации, типа изображений, списков, диаграмм и других элементов.

20 табличных плагинов jQuery

03. Fixed Header Tables

Fixed Header Tables помогает брать валидные таблицы на HTML, и создавать из них фиксированные, как это делается в Microsoft Excel, а также добавлять к ним скроллинг и подвал по желанию.

20 табличных плагинов jQuery

04. treeTable

Плагин treeTable позволяет вам отображать древо в таблице. Например, структуру директорий или расширенный ветвистый список. Каждая ветвь этого древа может быть сложена или расширена, примерно также, как и в проводнике файлов в каждой современной операционной системе.

20 табличных плагинов jQuery

05. Flexigrid

Лёгкая, но богатая таблица данных с возможностью масштабирования колонок и прокручивания данных внутри ячеек. Здесь также стоит отметить возможность подключения к источнику данных, основанном на XML, посредством AJAX.

20 табличных плагинов jQuery

06. Table Drag and Drop

Плагин TableDnD позволяет пользователю изменять порядок элементов внутри таблицы. Например, если в ней представлен упорядоченный список. Отдельные ряды могут быть помечены как «без возможности перетаскивания», а другие «без возможности удаления». Каждый ряд может быть оформлен бесконечным числом ячеек, а ячейки могут содержать формы.

20 табличных плагинов jQuery

07. BI Grid

BI Grid разработан специально для предоставления данных (в особенности отчетов корпораций). Вы без труда сможете редактировать данные, а также переходить к расширенному подробному виду.

20 табличных плагинов jQuery

08. jQuery charToTable

С помощью данного плагина вы можете конвертировать символы в таблицы используя jQuery.

20 табличных плагинов jQuery

09. Alternate Plugin

Теперь у вас есть возможность задавать альтернативные имена классов выбранным элементам для того, чтобы разрешить применение цветов и других стилей посредством CSS. Отличный плагин для альтернативных цветов рядов ячеек в таблицах. В качестве бонуса, плагин добавляет класс hover к элементам, если вы установите параметр hover:true.

20 табличных плагинов jQuery

10. Add Table Rows Count

Это плагин автоматически добавляет колонку со счетом рядов. Это делает ваши таблицы более доступными к пониманию и позволяет сохранять вёрстку чистой.

20 табличных плагинов jQuery

11. Chromatable

Этот jQuery-плагин создаёт масштабируемую таблицу или таблицу с возможностью прокручивания с зафиксированным заголовком (заголовок будет оставаться вверху, а остальное содержимое будет прокручиваться). Плагин также позволяет пользователю определить размеры таблицы фиксированными, автоматически или 100%-ными.

20 табличных плагинов jQuery

12. Анимированное сортирование таблиц

Этот плагин позволяет вам анимировано сортировать таблицы на основе содержимого/значения, по убыванию и так далее. Различные td перелетают на новые позиции, создавая привлекательный эффект. Плагин также поддерживает совпадения по REGEXP.

20 табличных плагинов jQuery

13. ColdFusion Query

Создавайте динамичные таблицы посредством ColdFusion Query Json. Или же посредством строчного кода javascript.

20 табличных плагинов jQuery

14. Постраничный вывод таблиц

jQuery-плагин используется для создания элемента постраничного вывода таблиц. Вы можете отредактировать постраничный вывод посредством множества настроек.

20 табличных плагинов jQuery

15. DataTables - больше не существует

DataTables – это плагин для javascript-библиотеки jQuery. Инструмент очень гибок, и позволяет вам производить расширенное взаимодействие между таблицами HTML.

20 табличных плагинов jQuery

16. Tablesorter

Tablesorter представляет собой jQuery-плагин для преобразования стандартной HTML-таблицы с тэгами THEAD и TBODY в сортируемую таблицы без обновления страницы. Tablesorter может успешно парсить и сортировать многие типы данных, включая ссылочные данные в ячейках.

20 табличных плагинов jQuery

17. uiTableFilter

uiTableFilter – это jQuery-плагин для фильтрации строк таблицы.

20 табличных плагинов jQuery

18. columnManager

jQuery-плагин для переключения режима отображения колонок таблицы (открытие и закрытие) и сохранения положения до последующего визита. Плагин также поддерживает таблицы с colspans и rowspans.

20 табличных плагинов jQuery

19. Ingrid

Ingrid – это небольшой компонент jQuery, который добавляет среду datagrid (возможность масштабирования, сортировки, редактирования стилей колонок и многое другое) к вашим таблицам.

20 табличных плагинов jQuery

20. columnHover - больше не существует

jQuery-плагин, который выделяет отдельные столбцы таблицы, когда вы наводите на него курсор мыши. Плагин также поддерживает таблицы с colspans и rowspans.

20 табличных плагинов jQuery

Вернуться назад