ag-grid README

The project's README from github.com/ag-grid/ag-grid. As one markdown file: README.md.

JavaScript Data Grid | JavaScript Table

AG Grid Logo

🌐 Website • 📖 Documentation • 🏘️ Community


GitHub Release NPM Downloads GitHub Repo stars GitHub forks

Quality Gate Status npms.io Maintenance Score GitHub commit activity Dependents

AG Grid is a fully-featured and highly customizable JavaScript Data Grid. It delivers outstanding performance, has no third-party dependencies and comes with support for React Logo React, Angular Logo Angular and Vue Logo Vue.


High Performance Demo

Static Badge

📖 Overview

Table of Contents

AG Grid is available in two versions: Community & Enterprise.

Features

Feature AG Grid Community AG Grid Enterprise
MCP Server ✅ ✅ (Advanced)
Filtering ✅ ✅ (Advanced)
Sorting ✅ ✅
Cell Editing ✅ ✅
CSV Export ✅ ✅
Drag & Drop ✅ ✅
Themes and Styling ✅ ✅
Selection ✅ ✅
Accessibility ✅ ✅
Infinite Scrolling ✅ ✅
Pagination ✅ ✅
Server-Side Data ✅ ✅ (Advanced)
Custom Components ✅ ✅
AI Toolkit ❌ ✅
Integrated Charting ❌ ✅
Formulas ❌ ✅
Find ❌ ✅
Range Selection ❌ ✅
Row Grouping and Aggregation ❌ ✅
Pivoting ❌ ✅
Excel Export ❌ ✅
PDF Export ❌ ✅
Clipboard Operations ❌ ✅
Master/Detail ❌ ✅
Tree Data ❌ ✅
Column Menu ❌ ✅
Context Menu ❌ ✅
Tool Panels ❌ ✅
Support ❌ ✅

ℹ️ Note:

Visit the Pricing page for a full comparison.

Examples

We've created several demos to showcase AG Grid's rich feature set across different use cases. See them in action below, or interact with them on our Demo page.

🏦 Financial Demo

Financial data example featuring live updates and sparklines:

Finance
Live Demo • Source Code

📦 Inventory Demo

Inventory data example to view and manage products:

ag-grid (ag-grid/ag-grid)

Searching Database…

15.6K ·GitHub
Что это такое?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 для нового приложения.
Creator
ag-grid
Size
3.1 GB
Stars
15.6K
Age
11y
Commits · 90 Days