DataTables часто використовується для створення інтерактивних списків таблиць. Це допомагає покращити доступність табличних даних HTML. Плагін jQuery надійний, інтуїтивно зрозумілий і простий у використанні. Без потреби у великій конфігурації він може шукати, сортувати та розбивати на сторінки. Він має можливості обробки на стороні клієнта та на стороні сервера.

Тому Datatables є дуже зручним інструментом. Які альтернативи доступні для DataTables? Однією з можливостей є wpDataTables. Це плагін для WordPress, який може зробити його непридатним для деяких.

У наступній статті представлено дванадцять варіантів, коли DataTables не є оптимальним вибором.

Альтернативні параметри DataTables

wpDataTables

wpDataTables — популярний плагін таблиць WordPress для керування даними. Ця альтернатива Datatables чудово обробляє таблиці та діаграми та проста у використанні. Цей плагін використовується для публікації комерційних, фінансових, наукових і статистичних даних.

wpDataTables допоможе вам отримати адаптивні таблиці WordPress незалежно від того, з якого пристрою ви їх переглядаєте. Великою перевагою є можливість керувати ним через інформаційну панель WordPress. Він може обробляти дані в різних форматах і сумісний з файлами Excel, CSV, JSON і XML, а також із запитами MySQL.

wpDataTables може працювати з великими наборами даних. wpDataTables поставляється з повною документацією, яка допомагає отримати максимальну віддачу від цього плагіна. Користувачі можуть налаштувати таблиці на свій смак, включаючи шрифти та кольори.

Деякі з особливостей wpDataTables:

Додавання та видалення стовпців і рядків
Додавання медіа
Додавання зіркового рейтингу
Форматування комірки
Спеціальний HTML
Настроювані посилання
Макет і функції, схожі на Excel
Об’єднання комірок
Зміна розмірів і порядок стовпців і рядків
Чуйний
Функція скасування та повтору
Короткий код

ZingGrid

ZingGrid є ще однією альтернативою DataTables. Він призначений для додавання інтерактивних таблиць даних у веб-додатки. Це бібліотека веб-компонентів JavaScript. Він також сумісний з іншими фреймворками, такими як Angular, jQuery, React і Vue.

Користувачі можуть створювати різноманітні таблиці за допомогою ZingGrid, і цей інструмент містить багато функцій. До них входить можливість установити спеціальні стовпці та створити таблицю деталізації. Він також пропонує наступне:

Агрегація
Функціонал CRUD
Легка інтеграція
Продуктивність
Віддалені та вбудовані дані
Насичений API
Особливості сервера
Візуалізація на стороні сервера
Статичні та динамічні дані

List.js

За словами розробника Джонні Стромберга, деякі з основних ідеалів List.js полягали в тому, що він повинен бути маленьким, швидким, гнучким і працювати незалежно. Ця потужна бібліотека Vanilla на основі Javascript додає параметри пошуку та сортування. Він також додає фільтри до простих списків HTML, таблиць та будь-якого іншого вмісту даних.

Оскільки він такий маленький, його ледь помітно, що робить його потужність ще більш вражаючою. Формат даних не має значення, але він особливо добре підходить для елементів HTML.

Ось деякі основні моменти List.js:

Гнучкість: працює майже на будь-чому.
Додає пошук
Додає сортування
Додає фільтри
Проста система створення шаблонів
Додає можливість додавати, редагувати, видаляти елементи
Плагіни для Chrome, Firefox, IE6+ і Safari

вкладка

Tabulator також є дуже універсальним плагіном jQuery. Він створює інтерактивні таблиці з джерел JSON і HTML.

Tabulator має багато цікавих функцій і надає хорошу документацію, щоб допомогти користувачеві зорієнтуватися. Веб-сайт Tabulator пропонує всю необхідну інформацію разом із багатьма прикладами.

Таблиці, які він виробляє, легко налаштовуються. Він може групувати кілька рядків під одним заголовком, створювати спливаючі підказки, розбивати на сторінки та багато іншого.

Ось деякі з основних функцій Tabulator:

Регулювання ширини стовпців
Завантаження даних безпосередньо з таблиці
Фільтрування
Форматування
Заморозити дані
Сортування

jqGrid

jqGrid — це інструмент JavaScript із підтримкою Ajax для веб-публікації табличних даних. Через Ajax Gurrido надає клієнтське рішення, завантажуючи дані через зворотні виклики. Він працює з різними серверними технологіями, такими як ASP, ColdFusion, Java Servlets, JSP, Perl і PHP. jqGrid працює як плагін для jQuery.

jqGrid JS має перевагу сумісності з браузером. Він підтримує мобільні браузери, Safari та Internet Explorer версії 8 і новішої. Ця гнучкість дуже важлива для розробників, і вона регулярно тестується на всіх найважливіших браузерах на ринку.

Він був опублікований за ліцензією Creative Commons. Це робить jqGrid доступним для будь-якої некомерційної, шкільної та домашньої програми.

Основні особливості:

Редагування комірки
Редагування форми
Безкоштовно для некомерційних цілей
Морозні стовпчики
Групування
Вбудоване редагування
Інтеграція інтерфейсу користувача jQuery
Мультиплатформенність
Відкрите джерело
Пошук і фільтрація
Підсітки та головна деталь
Віртуальний скролінг

Сортувальник таблиць jQuery

jQuery Table Sorter також є альтернативою DataTables. Це також плагін для jQuery. Він створює таблиці у форматі HTML і додає до них елементи THEAD і TBODY. Завдяки цьому таблиці можна сортувати без необхідності постійного оновлення сторінки.

Цей плагін дуже гнучкий і може аналізувати та сортувати багато типів даних. Він навіть здатний обробляти пов’язані дані в комірці. Він може додати до таблиці сортування за кількома стовпцями та кількома тілами.

Крім того, цей плагін демонструє чудову сумісність з різними браузерами. Серед іншого він працює з Internet Explorer 6.0+, Firefox 2+, Opera 9.0+ і Safari 2.0+. Він пропонує розширення за допомогою системи віджетів.

FooTable

Плагін на основі Bootstrap для jQuery з великою перевагою швидкості реагування.

Для створення адаптивних інтерактивних таблиць FooTable робить дві унікальні речі. По-перше, він приховує певні стовпці, залежно від роздільної здатності. Ці стовпці базуються на контрольних точках, встановлених у CSS. Друге, що він робить, це додавати рядки, що розгортаються, які можуть показувати приховані дані.

FooTable легко налаштувати, і створення ваших перших таблиць не займе багато часу. Він використовує Bootstrap, і є версія, яка має такий самий вигляд, як поточна тема Bootstrap. FooTable також пропонує окрему версію, яка не потребує окремого використання Bootstrap. Пакет, який можна завантажити, містить окремий компонент і окрему версію.

Webix DataTable

DataTable або DataGrid від Webix — це елемент керування сіткою JS. Побудований на основі оригінального підходу HTML5, він є дуже потужним і використовує останні тенденції веб-розробки. Без особливих труднощів може працювати як з маленькими простими таблицями, так і з великими складними. У ньому представлено багато функцій і налаштувань, які дають змогу користувачеві створити будь-яку таблицю, яка йому потрібна. Вбудована глибока оптимізація робить DataTable одним із найшвидших доступних рішень.

Деякі з його основних особливостей:

Інтеграція Angular, Backbone, jQuery, React і Vue.js
Сумісність із пристроями Ready for Touch
Швидка CSS стилізація
Зразки інтеграції .NET, Node.js і PHP
Відповідність розділу 508
Підтримка всіх поширених браузерів

Handsontable

Handsontable — мінімалістичний редактор сітки даних. Він має знайомий зовнішній вигляд, схожий на Excel, і працює з веб-додатками HTML, JavaScript і jQuery. Його використання дуже просте, інтуїтивно зрозуміле та забезпечує оптимальні можливості налаштування. Незважаючи на простий зовнішній вигляд, він може без проблем обробляти великі обсяги даних.

Наразі тисячі клієнтів використовують Handsontable, і це число швидко зростає.

Деякі виділені функції:

Чисто на основі JavaScript
Звичайний вигляд і функції Excel
Легке налаштування
Використовує формат JSON

Введення DataTable

Frappe DataTable було створено для ERPNext і перетворилося на чисту та інтерактивну програму. Ця бібліотека DataTables може працювати з великою кількістю рядків, не відчуваючи проблем із продуктивністю. Це проста, сучасна та інтерактивна бібліотека DataTable для відображення табличних даних. Він має базові функції сітки даних, як-от вбудоване редагування та навігація з клавіатури.

Він працює незалежно від jQuery. Це робить Frappe винятком серед обраних альтернатив DataTables.

Деякі з додаткових функцій:

Копіювання клітинок
Редактор клітинок
Перевпорядкування стовпців
Зміна розміру стовпця
Сортування стовпців
Спеціальні дії
Спеціальне форматування
Гнучка компоновка
Вбудоване редагування
Клавіатурна навігація
Вибір мишею
Видалення та приховування колонок

Таблиця Bootstrap

Bootstrap — це плагін для маленьких таблиць. Він багатофункціональний і містить усе для публікації табличних презентацій. Він легкий, але потужний у створенні адаптивних інтерактивних таблиць.

Bootstrap Table підтримується спільнотою тисяч розробників і користувачів. Ця спільнота чудова, оскільки надає підтримку всім користувачам у всьому світі.

Деякі визначні функції Bootstrap Table включають:

На основі AJAX
Сумісний з JSON
Повністю конфігурується
Потужна пагінація
Адаптивний веб-дизайн
Пошук
Прокручувані таблиці з фіксованими заголовками
Просте сортування стовпців

Сортування – плагін jQuery

Sortable — остання альтернатива Datatables із цієї статті. Це добре відомий плагін jQuery, який стає все більш популярним. Його головна функція — додати сортування до будь-якої таблиці. Цей плагін із відкритим кодом базується на JavaScript і використовує бібліотеки CSS.

Працює дуже легко. Користувачам потрібно лише додати плагін, щоб почати ним користуватися. Він містить шість привабливих тем, які дозволяють користувачеві створити будь-який сценарій і стиль.

Додатковими перевагами є те, що він зручний для мобільних пристроїв і сумісний з різними браузерами. Він може працювати в Internet Chrome, Explorer 8+, Firefox 4+, Opera та Safari. Сам плагін невеликий і не вимагає додаткового програмного забезпечення для роботи.

Завершення роздумів про ці альтернативи DataTables

DataTables — дуже популярний інструмент для створення інтерактивних таблиць для публікації в Інтернеті. Незважаючи на свою популярність, це не завжди найзручніший вибір. Додаткові альтернативи Datatables були представлені в цій статті.

Якщо вам сподобалося читати цю статтю про альтернативу DataTables, ви повинні переглянути цю статтю про плагіни генератора таблиць WordPress .

Ми також писали про кілька пов’язаних тем, як -от бібліотека таблиць JavaScript, як створити таблицю Прем’єр-ліги, плагіни таблиці WordPress, як створити таблицю в WordPress без плагіна, як вставити таблицю в WordPress і плагіни таблиці цін WordPress .

Джерело запису: wpdatatables.com