React Grid: Quick Start | AG Grid

AG Grid is a high-performance React Data Grid library for building React Tables with unbeatable performance and hundreds of features. Available in Community and Enterprise editions. Visit Community vs. Enterprise to learn more.
Add AG Grid to your application in 60 seconds:
Install the ag-grid-react package, which also installs ag-grid-community:
Pass the AllCommunityModule to the AgGridProvider to access all Community features:
To minimize bundle size, only provide the modules you want to use. See the Modules docs for more information.
Return the AgGridReact component inside AgGridProvider, wrapped in a parent container div with a fixed height:
Below is a live example of the application running. Click </> Code to see the code.
To live-edit the code, open the example in CodeSandbox or Plunker using the buttons to the lower-right.
Now that you have a basic React Data Grid running, choose one of the following options to continue your learning journey:
Browse an overview of our commonly used features
Get started with our step-by-step tutorials
Understand the differences between each version
© AG Grid Ltd 2015-2026
AG Grid Ltd registered in England & Wales.Company No. 07318192.VAT no. GB998360167
Registered addressAG Grid Ltd70 Wilson StreetLondonEC2A 2DB