ag-grid (ag-grid/ag-grid)
Searching Database…
Что это такое?
AG Grid — полнофункциональная и легко настраиваемая JavaScript-библиотека для таблиц с данными. Она позволяет сортировать, фильтровать, разбивать на страницы, редактировать данные и многое другое, не требуя сторонних зависимостей.
Это обычная JS-библиотека или нужен конкретный фреймворк?
В основе это обычная JavaScript-таблица, а для React, Angular и Vue есть отдельные обёртки. Поэтому её можно использовать в любом из этих стеков или с чистым JS.
Как подключить это к проекту?
Установите пакет ag-grid-community (и при желании ag-grid-enterprise), затем выполните шаги Installation/Setup из раздела Quick Start в README или создайте новое приложение на основе одного из готовых seed-проектов.
Нужно ли что-то ещё, чтобы пользоваться Community-версией?
Для бесплатной Community-версии ничего дополнительно не нужно: в ней по умолчанию нет сторонних зависимостей. Для расширенных возможностей Enterprise-версии требуется коммерческая лицензия.
В чём подвох бесплатной версии?
Community-версия распространяется по лицензии MIT и бесплатна, но такие возможности, как Integrated Charting, Formulas, Row Grouping/Aggregation, Pivoting, экспорт в Excel и PDF, Master/Detail, Tree Data и выделенная поддержка, доступны только по платной Enterprise-лицензии.
Что добавляет Enterprise-версия по сравнению с Community?
Enterprise добавляет AI Toolkit, Integrated Charting, Formulas, Row Grouping и Aggregation, Pivoting, представления Master/Detail, Server-side Row Model, Find, экспорт в Excel и PDF, операции с буфером обмена, Tree Data, меню колонок и контекстное меню, а также боковые панели (Tool Panels) и выделенную поддержку от инженеров.
Можно ли менять оформление таблицы или создавать свои рендеры ячеек?
Да, AG Grid поддерживает пользовательские компоненты (например, свои рендеры и редакторы ячеек) и имеет систему тем: есть встроенные темы и возможность создать собственную.
Есть ли демо-проекты, чтобы посмотреть возможности?
Да, в README есть ссылки на демо-примеры, например таблицу финансовых данных с живыми обновлениями и спарклайнами, а также демо управления складом.
Есть ли быстрый способ начать новый проект с уже настроенным AG Grid?
Да, в README указаны Seed Projects — готовые заготовки с предварительной настройкой AG Grid для нового приложения.
What are similar projects?
handsontable, table, primeng, x-spreadsheet, bootstrap-table, react-virtualized, react-grid-layout, awesome-react-components
Which topics is it in?
charting, datagrid, filtering, pagination, sorting, table, grid, excel, react-components, vuejs, angular, data-visualization