English | Русский
DataTable

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

Невероятно быстрый

DataTable способен обрабатывать большие объемы данных со скоростью декстопного приложения, загружая таблицы с огромным количеством строк и столбцов в мгновение ока. Проведенные нами испытания на скорость показали, что DataTable с 1000 строками и столбцами загружается в 10 раз быстрее, чем гриды других библиотек.

Webix DataTable

Небольшого размера

Размер .js файлов DataTable в два раза меньше размера файлов подобных гридов других библиотек со схожей функциональностью.

Полностью редактируемые таблицы

DataTable позволяет вам полностью изменять данные в таблицах. Например, вы можете c легкостью редактировать содержимое таблицы, нажав на любую из ее ячеек, или использовать чекбокс для выбора/отмены выбора определенных элементов.

Полностью редактируемые таблицы

Объединения строк и столбцов

Объединяя строки и столбцы с одинаковыми данными, вы можете отобразить комплексные данные в понятном виде, прямо как в HTML-таблицах.

Объединения строк и столбцов

TreeTable

DataTable поддерживает отображение данных в виде иерархического дерева. Любая ячейка виджета может быть использована в качестве корневой. Кроме того, вы можете фильтровать данные согласно согласно заданному вами критерию.

TreeTable

Поддержка популярных форматов данных

DataTable может загружать данные из XML, JSON и CSV файлов. Поскольку XML и JSON форматы данных легко настраиваются, вы можете использовать DataTable с вашими веб-сервисами.

Интеграция с JQuery

DataTable обладает встроенной интеграцией с фреймворком jQuery. Можно использовать DataTable как плагин jQuery для добавления быстрой и полнофункциональную таблицу на веб-страницу, а jQuery скины для визуального оформления DataTable.

Integration with jQuery

Меню заголовка

По клику на пункт меню заголовка с названием столбца, вы можете сделать соответствующий столбец грида невидимым/видимым.

меню заголовка

Стилизация через CSS

Внешний вид DataTable легко настраивается через CSS, позволяя вам создавать дизайн виджета с учетом фирменных цветов компании.

Стилизация через CSS

Расширенные возможности редактирования

Pro DataTable может использоваться с такими комплексными редакторами, как Multi-select editor, Grid Suggest Editor и DataView Suggest Editor. Редактор Multi-select позволяет выбирать различные опции для редактируемой ячейки, в то время как редакторы Grid Suggest и Data Suggest позволяют вам выбрать нужный вариант данных из Grid или DataView, соответственно.

Grid Suggest Editor

Наличие буфера обменаДемо

DataTable позволяет вам копировать и вставлять данные, используя буфер обмена. Таким образом, обмен данными между таблицей и десктопными приложениями (например, Excel) осуществляется быстро и просто. Данная функция виджета поддерживается такими браузерами, как IE8 +, Mozilla Firefox, Opera, Chrome, Safari.

Наличие буфера обмена в Webix DataTable
Демо

Сгруппированные столбцы

Эта встроенная функция дает пользователям Webix возможность сворачивать и разворачивать несколько столбцов одним кликом. Вы можете самостоятельно определять группу столбцов и затем настраивать ее поведение.

Сгруппированные столбцы

Сохранение текущего состояния

Эта функция позволяет сохранить состояние виджета, а затем восстановить его в следующей сессии. Информация обо всех операциях, произведенных в DataTable, будет сохранена в куки или локальном хранилище, что предотвратит потерю важных данных.

Поддержка тач устройств

Виджет DataTable может быть использован в мобильных веб-приложениях, работающих на различных тач устройствах (iPad, iPhone, Android). DataTable корректно отображается даже на небольших тач экранах: прокрутка работает плавно, и все события превосходно обрабатываются.

Расширенные возможности фильтрации

Используя возможности фильтрации DataTable, вы можете редактировать содержимое грида, выбрав соответствующий вариант из выпадающего списка (rich-select фильтр) или даже несколько вариантов (multi-select фильтр), или выбрав нужную дату с помощью встроенного календаря.

multi-select фильтр

Изменение размера

Высота и ширина cтолбцов и строк DataTable может быть с легкостью изменена путем перетаскивания вертикальных и горизонтальных границ таблицы (грида).

легко изменяемый размер у Webix datagrid

СортировкаДемо

Высота и ширина cтолбцов и строк DataTable может быть с легкостью изменена путем перетаскивания вертикальных и горизонтальных границ таблицы (грида).

сортировка в Webix datagrid
Демо

Вертикальные заголовки

Вы можете расположить текст в заголовке datagrid версии Webix Pro не только горизонтально, но и вертикально. Такое размещение текста поможет вам сэкономить место и разместить больше информации в вашем DataTable.

Закрепленные областиДемо

С DataTable вы можете создать таблицу, в которой крайний левый и крайний правый столбцы будут закреплены. Все остальные столбцы, находящиеся между двумя закрепленными, будут находиться в области прокрутки.

Закрепленные области
Демо

Выбор строк и столбцов

Функциональность DataTable позволяет выделять отдельные ячейки, строки и столбцы. Кроме того, вы можете выделить несколько ячеек, строк, столбцов или даже целый блок, удерживая клавишу Ctrl.

выбор нескольких областей в таблице

Совместимость с браузерами

DataTable поддерживается всеми современными браузерами (IE8 +, Mozilla Firefox, Opera, Chrome и Apple Safari).

Windows and Popups
Uploader
Development Tools