Создаем красивые HTML таблицы (часть 2)

Здравствуйте, продолжаем изучать лучшие скрипты и коды, которые позволят нам создать красивые HTML таблицы.

Скачать исходники для статьи можно ниже

11. Jquery плагин jExcel

Сайт: «bossanova.uk/jexcel»

jExcel-это легкий jQuery плагин, который позволяет вставлять на веб-страничку таблицы, совместимые с Excel.
Плагин помогает также создавать таблицы, похожие на Excel, позволяя редактировать данные таблицы: перемещать, копировать, вставлять и др.

12. jQuery плагин DataTables

Сайт: «datatables.net/»

Супер гибкий jQuery плагин для создания таблиц.
Позволяет добавлять дополнительные элементы управления к любой HTML-таблице. Можно добавить пагинацию, функцию поиска, есть темы оформления и т.д.
Кроме того, он предоставляет большое количество расширений для добавления ещё большего функционала к таблице.

13. jQuery плагин Bootgrid

Сайт: «jquery-bootgrid.com/»

jQuery Bootgrid представляет собой интуитивно понятный плагин для создания таблиц.
Он предоставляет такие функции, как поиск, разбиение на страницы, и др.
Так же есть настраиваемые шаблоны.

14. Плагин jQuery-Tabledit

Сайт: «markcell.github.io/jquery-tabledit/»

jQuery-Tabledit — это онлайн-редактор для Bootstrap совместимых HTML таблиц, который позволяет пользователям редактировать данные в таблицах.
Вы можете создать кнопки для переключения между обычным режимом и режимом редактирования, кнопки удаление и восстановление, а также настраивать таблицы с помощью CSS.

15. Плагин jsGrid

Сайт: «js-grid.com/»

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

16. Библиотека Smart-table

Сайт: «smart-table.org»

Библиотека Smart-table поможет вам преобразовать любую HTML-таблицу в смарт-таблицу, путем добавления следующих функций: поиск, сортировка, разбивка на страницы и т.д.

17. Библиотека HighchartTable

Сайт: «highcharttable.org/»

HighchartTable автоматически преобразует HTML-таблиц в графики и диаграммы.

18. Библиотека TableExport

Сайт: «tableexport.v5.travismclarke.com/#tableexport»

TableExport — это простая библиотека для экспорта HTML-таблицы в CSV, txt или Excel.

19. Плагин Tabulator

Сайт: «github.com/olifolkerd/tabulator»

Tabulator — это jQuery плагин для создания интерактивных таблиц из HTML-таблиц. Он поддерживает почти все стандартные функции интерактивной таблицы, такие как поиск, сортировка, фильтрация данных, а также предлагает множество других функций:

20. FancyGrid

Сайт: «fancygrid.com/»

FancyGrid — это JavaScript-библиотека для рендеринга таблиц с функцией построения диаграмм и графиков, а также обменом данными с сервером. Есть плагины для AngularJS и jQuery.
FancyGrid поддерживает большое количество функции:

21. Библиотека KingTable

Сайт: «github.com/RobertoPrevato/KingTable»

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

22. Плагин stacktable.js

Сайт: «johnpolacek.github.io/stacktable.js/»

Этот jQuery плагин позволяет конвертировать любые широкие таблицы в 2 колоночные (типа ключ/значение). Идеально разрешение для показа больших таблиц на малых экранах, например для мобильных устройств. Кроме того, можно складывать строки или столбцы по мере необходимости.

23. Tabella.js

Сайт: «iliketomatoes.github.io/tabellajs/»

Tabella.js поможет создать вам адаптивные таблицы с фиксированными заголовками и прокручиваемыми данными (есть даже горизонтальная прокрутка).

24. Wordpreds плагин TablePress

Сайт: «wordpress.org/plugins/tablepress/»

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

25. WordPress плагин Data Tables Generator by Supsystic

Сайт: «wordpress.org/plugins/data-tables-generator-by-supsystic/»

Плагин Data Tables Generator by Supsystic помогает в создании и управлении таблицами непосредственно из панели администратора с помощью редактора таблиц frontend.
Вы также можете добовлять диаграммы и графики в таблицы.
Таблицы также можно экспортировать в форматы CSV, Excel или PDF.

26. WordPress плагин Pricing Table by Supsystic

Сайт: «wordpress.org/plugins/pricing-table-by-supsystic/»

Плагин Pricing Table by Supsystic позволяет создавать таблицы цен без особых усилий. Вы можете выбрать шаблон, отредактировать контент и опубликовать готовую таблицу цен на своём WordPress сайте.
Кроме того, таблицы, созданные с помощью этого плагина, являются адаптивными и отлично выглядять на любых устройствах.

27.Wordpress плагин Magic Liquidizer Responsive Table

Сайт: «wordpress.org/plugins/magic-liquidizer-responsive-table/»

Плагин Magic Liquidizer Responsive Table создаёт адаптивные таблицы, которые отлично выглядят даже на очень маленьких экранах. Вы можете вставлять в таблицы изображения, тексты и т.д.

28. Расширение для браузера Google Chrome — Copytables

Сайт: «chrome.google.com/webstore/detail/copytables/ekdpkppgmlalfkphpibadldikjimijon?hl=en»

Copytables — это расширение для Google Chrome, которое позволяет копировать таблицы с веб-страниц. Вы можете выбрать таблицу ( или отдельные ячееки, строк, столбцы) и копировать их непосредственно как форматированный текст с разделителями CSV или HTML, чтобы далее использовать их по мере необходимости.

На этом всё! Красивых вам таблиц!

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *