—»     —»   20 табличных плагинов jQuery
  Раздел: Библиотеки скриптов, Инструменты   Комментариев: 1  

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



Команда разработчиков 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
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: javascript, jQuery
Опубликовал Mysterious Master   Прочитано (раз): 41452   |   Оставлено комментариев: 1
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 14 апреля 2014 @ 11:01
Написал: Hovo — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Добрый день! Подскажите, есть ли готовый плагин или можно ли сделать так, чтобы каждый конкретный зарегистрированный пользователь мог в таблице вносить данные, но чтобы прежние данные при входе на страницу с таблицей отображались, и чтобы фиксировалась статистика изменение. Соответственно под админом нужно видеть данные по всем пользователям в обобщенном виде.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц November по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Технический надзор
Технический надзор за строительством и ремонтом! Низкие цены, огромный опыт
stroynadzor.ru
Работа в такси
Условия работы
taxi.kz
Купить справку кэк
Все виды медицинских справок. Официально. Без очередей. Звоните
medspravka24.ru
Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Июль 2017    »
ПнВтСрЧтПтСбВс
 12
3456789
10111213141516
17181920212223
24252627282930
31