AG Grid Community is a high-performance, fully-featured, and highly customizable JavaScript Data Grid library, delivering outstanding performance with no third-party dependencies. It provides the core grid functionality and integrates smoothly with all major JavaScript frameworks, including React, Angular, and Vue, often via dedicated framework-specific packages (e.g., `ag-grid-react`). The current stable version is 35.2.1, with frequent minor and patch releases, and major versions typically introduced every few months, ensuring continuous improvement and feature additions. It ships with comprehensive TypeScript types for robust development.
npm install ag-grid-communityVerified import paths — ran on the pinned version, not inferred.
This quickstart initializes a basic AG Grid with defined columns and row data, enabling filtering, sorting, and pagination, using the modern Theming API.
Migrate from CSS imports to the new Theming API. Instead of `import 'ag-grid-community/styles/ag-theme-alpine.css';`, use `import { themeAlpine } from 'ag-grid-community';` and set `gridOptions.theme = themeAlpine;`. For customisation, use `themeAlpine.withParams(...)`.Consult the AG Grid v35 migration guide for a full list of removed and renamed APIs. Update your grid configurations and column definitions accordingly. For example, change `pinned: 'left'` to `columnPinned: 'left'` in `ColDef`.
Verify that the feature you intend to use is part of the Community Edition. If it's an Enterprise feature, you will need to acquire an AG Grid Enterprise license and install the `@ag-grid-enterprise/all-modules` package (or specific feature modules).
Install the correct framework package for your project (e.g., `npm install ag-grid-react ag-grid-community`) and import components like `AgGridReact` from that package, configuring it with your `gridOptions`.
Ensure you access the `gridApi` and `columnApi` only after the `onGridReady` callback has been invoked, or when they are guaranteed to be available (e.g., by checking for their existence or using the `createGrid` return value).
Verify that your HTML file includes a `div` element with the correct `id` and that your JavaScript code is executed after the DOM is fully loaded (e.g., within `DOMContentLoaded` event listener or a script tag at the end of `<body>`).
If using v33+, ensure you are importing and applying a theme object (e.g., `import { themeQuartz } from 'ag-grid-community'; gridOptions.theme = themeQuartz;`). If you are using legacy themes, confirm that you have `gridOptions.theme = 'legacy'` set and are importing both `ag-grid-community/styles/ag-grid.css` and a theme-specific CSS file like `ag-grid-community/styles/ag-theme-alpine.css`.No dependency data recorded yet.