Главная > Библиотеки скриптов, Инструменты > 20 табличных плагинов jQuery
20 табличных плагинов jQuery2 июня 2011, 10:40. Разместил: Mysterious Master |
Команда разработчиков jQuery однажды заявила, что их разработка выпускается под слоганом «Пишите меньше – делайте больше!», и это правило действительно работает, так как вам можно не писать большую часть кода, а лишь подгружать уже готовые варианты со стороны. Разработчики очень любят jQuery, и считают данную библиотеку неотъемлемой частью процесса разработки. Хотя, кто же не хочет гораздо более эффективный и эффектный результат, сделав гораздо меньше усердия. jQuery привнесла дополнительную мощь разработчиков в сфере веб-дизайна, и стоит отметить, что таблицы – это тоже крайне важный аспект. jQuery даёт возможность создания стильных и гибких таблиц посредством неподражаемых плагинов. В нашей сегодняшней подборке вы найдёте 20 табличных плагинов от jQuery, которые наверняка окажутся полезными. Эти плагины помогут вам создавать невероятные таблицы, которые вам будет крайне просто редактировать, а вашим читателям понять. Таким образом, обе стороны будут счастливы. Давайте рассмотрим каждый плагин подробнее. 01. Collapser Jquery collapser – это многозадачный плагин, разработанный специально для расширения и сжатия элементов. Посредством этого плагина вы можете создавать гармошку или складывающийся список. 02. jExpand jExpand – это ультралёгкий плагин jQuery, который поможет вам сделать ваши таблицы раздвижными. Такой тип таблиц отлично подойдет для бизнес-приложений, и плагин поможет вам в улучшении таблиц. Таким образом, таблицы смогут содержать гораздо больше информации, типа изображений, списков, диаграмм и других элементов. 03. Fixed Header Tables Fixed Header Tables помогает брать валидные таблицы на HTML, и создавать из них фиксированные, как это делается в Microsoft Excel, а также добавлять к ним скроллинг и подвал по желанию. 04. treeTable Плагин treeTable позволяет вам отображать древо в таблице. Например, структуру директорий или расширенный ветвистый список. Каждая ветвь этого древа может быть сложена или расширена, примерно также, как и в проводнике файлов в каждой современной операционной системе. 05. Flexigrid Лёгкая, но богатая таблица данных с возможностью масштабирования колонок и прокручивания данных внутри ячеек. Здесь также стоит отметить возможность подключения к источнику данных, основанном на XML, посредством AJAX. 06. Table Drag and Drop Плагин TableDnD позволяет пользователю изменять порядок элементов внутри таблицы. Например, если в ней представлен упорядоченный список. Отдельные ряды могут быть помечены как «без возможности перетаскивания», а другие «без возможности удаления». Каждый ряд может быть оформлен бесконечным числом ячеек, а ячейки могут содержать формы. 07. BI Grid BI Grid разработан специально для предоставления данных (в особенности отчетов корпораций). Вы без труда сможете редактировать данные, а также переходить к расширенному подробному виду. 08. jQuery charToTable С помощью данного плагина вы можете конвертировать символы в таблицы используя jQuery. 09. Alternate Plugin Теперь у вас есть возможность задавать альтернативные имена классов выбранным элементам для того, чтобы разрешить применение цветов и других стилей посредством CSS. Отличный плагин для альтернативных цветов рядов ячеек в таблицах. В качестве бонуса, плагин добавляет класс hover к элементам, если вы установите параметр hover:true. 10. Add Table Rows Count Это плагин автоматически добавляет колонку со счетом рядов. Это делает ваши таблицы более доступными к пониманию и позволяет сохранять вёрстку чистой. 11. Chromatable Этот jQuery-плагин создаёт масштабируемую таблицу или таблицу с возможностью прокручивания с зафиксированным заголовком (заголовок будет оставаться вверху, а остальное содержимое будет прокручиваться). Плагин также позволяет пользователю определить размеры таблицы фиксированными, автоматически или 100%-ными. 12. Анимированное сортирование таблиц Этот плагин позволяет вам анимировано сортировать таблицы на основе содержимого/значения, по убыванию и так далее. Различные td перелетают на новые позиции, создавая привлекательный эффект. Плагин также поддерживает совпадения по REGEXP. 13. ColdFusion Query Создавайте динамичные таблицы посредством ColdFusion Query Json. Или же посредством строчного кода javascript. 14. Постраничный вывод таблиц jQuery-плагин используется для создания элемента постраничного вывода таблиц. Вы можете отредактировать постраничный вывод посредством множества настроек. 15. DataTables - больше не существует DataTables – это плагин для javascript-библиотеки jQuery. Инструмент очень гибок, и позволяет вам производить расширенное взаимодействие между таблицами HTML. 16. Tablesorter Tablesorter представляет собой jQuery-плагин для преобразования стандартной HTML-таблицы с тэгами THEAD и TBODY в сортируемую таблицы без обновления страницы. Tablesorter может успешно парсить и сортировать многие типы данных, включая ссылочные данные в ячейках. 17. uiTableFilter uiTableFilter – это jQuery-плагин для фильтрации строк таблицы. 18. columnManager jQuery-плагин для переключения режима отображения колонок таблицы (открытие и закрытие) и сохранения положения до последующего визита. Плагин также поддерживает таблицы с colspans и rowspans. 19. Ingrid Ingrid – это небольшой компонент jQuery, который добавляет среду datagrid (возможность масштабирования, сортировки, редактирования стилей колонок и многое другое) к вашим таблицам. 20. columnHover - больше не существует jQuery-плагин, который выделяет отдельные столбцы таблицы, когда вы наводите на него курсор мыши. Плагин также поддерживает таблицы с colspans и rowspans. Вернуться назад |