JavaScript UI виджеты для данных Webix

DataTable (или DataGrid) — это мощный инструмент для управления табличными данными, разработанный на основе технологий HTML5. Этот виджет предлагает широкий выбор функций и возможностей. В первую очередь стоит отметить, что в DataTable очень просто редактировать и сортировать данные. Строки таблицы можно легко фильтровать при помощи встроенных фильтров или же можно задать свои критерии для поиска. Вы также можете проверить правильность введенных данных. Если ваш DataTable работает с большими объемами данных, вы можете разбить их на несколько страниц. Виджет имеет и такие возможности, как сохранение текущего состояния, drag-n-drop строк и колонок, работа с буфером обмена, дополнительные редакторы и фильтры, меню заголовка таблицы, группировка колонок, вертикальные заголовки, Sparkline, вложенные строки и виджеты.

DataView — это клиентский JavaScript виджет, который позволяет отображать различные объекты наиболее привлекательным образом. Вы можете группировать данные, легко добавлять и удалять ячейки, загружать только ту информацию, которая нужна вам в настоящий момент (динамическая загрузка данных), сортировать и фильтровать данные. Среди других возможностей DataView имеет пейджинг для более удобной навигации, несколько способов выделения ячеек, быстрое редактирование, drag-and-drop, картинки, которые позволяют конечным пользователям быстрее находить нужные элементы.

JavaScript Tree визуализирует иерархически организованные данные наиболее понятным и логическим образом. Вы можете без труда видеть все уровни зависимостей, раскрывать и сворачивать ветки одним кликом. Tree также имеет асинхронную загрузку уровней дерева, чекбоксы с двумя и тремя состояниями, навигацию с помощью клавиатуры и горячие клавиши. Этот виджет обеспечивает удобную работу с буфером обмена, разные режимы фильтрации, иконки для узлов дерева и drag-and-drop. Также есть возможность сохранять текущее состояние Tree в cookie-файлы, локальное или сессионное хранилище, чтобы восстановить его позже.

TreeTable (или TreeGrid) сочетает в себе функции JavaScript Table и Tree. Данные в этом виджете очень легко редактировать. Вы можете сохранять его текущее состояние, а также экспортировать данные в Excel, PNG и PDF. В TreeTable есть много других возможностей, таких как чекбоксы с тремя состояниями, 8 режимов выделения данных, клиентская фильтрация со встроенными фильтрами (вы можете также сами определить правила поиска), удобная работа с буфером обмена и 6 типов графиков, чтобы визуализировать данные.