https://github.com/plotly/dash-ag-grid
Dash AG Grid is a high-performance and highly customizable component that wraps AG Grid, designed for creating rich datagrids.
https://github.com/plotly/dash-ag-grid
Last synced: 2 months ago
JSON representation
Dash AG Grid is a high-performance and highly customizable component that wraps AG Grid, designed for creating rich datagrids.
- Host: GitHub
- URL: https://github.com/plotly/dash-ag-grid
- Owner: plotly
- License: mit
- Created: 2023-01-12T17:27:00.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-12-22T14:04:56.000Z (3 months ago)
- Last Synced: 2025-12-24T01:11:09.730Z (3 months ago)
- Language: Python
- Homepage: https://dash.plotly.com/dash-ag-grid
- Size: 6.85 MB
- Stars: 220
- Watchers: 25
- Forks: 41
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Dash AG Grid [](https://pypi.org/project/dash-ag-grid/)
Dash AG Grid is a Dash component wrapper for the AG Grid JavaScript package, enabling you to display AG Grid components natively in your Dash app.
The underlying AG Grid JavaScript package is a third-party software component developed by [AG Grid Ltd](http://www.ag-grid.com/). Many features are available for free in the AG Grid [Community version](https://github.com/ag-grid/ag-grid). Some features require a paid subscription to the AG Grid Enterprise version ([more info available here](https://www.ag-grid.com/license-pricing.php)). Both the community and enterprise versions are included in this component, but the enterprise features require you to provide a valid AG Grid license key. The demos which use Enterprise features are clearly marked.
### Documentation
Please see the [Plotly Dash AG Grid Documentation](https://dash.plotly.com/dash-ag-grid).
### Quick Start
`pip install dash-ag-grid`
This basic grid has the following features enabled by default:
- Alpine theme
- Sort
- Resize, reorder and pin columns
- Boolean values rendered as check boxes
- Row animation on sort
```python
import dash_ag_grid as dag
from dash import Dash
import pandas as pd
app = Dash()
df = pd.read_csv("https://raw.githubusercontent.com/plotly/datasets/master/ag-grid/space-mission-data.csv")
app.layout = dag.AgGrid(
rowData=df.to_dict("records"),
columnDefs=[{"field": i} for i in df.columns],
)
app.run(debug=True)
```
### AG Grid Community Features
Here are a few of the AG Grid Community features available:
- Column Interactions (resize, reorder, and pin columns)
- Column Spanning
- Column Grouping
- Pagination
- Sorting
- Row Selection
- Row Reordering
- Row Spanning
- Pinned Rows
- Full Width Rows
- Cell data types with automatic type inference
- Custom Filtering
- Cell Editing
- Provided components including number editors, date picker, select editor, text editor, large text editor
- Custom Components in cells - add your own components such as buttons, graphs, indicators, markdown and more
- Tooltips in cells and headers
- Provided themes with light/dark versions
- Customizable themes
- Figma Design System to design and customize themes
- Format Cell Data
- Conditional formatting
- Data Export to CSV
- Keyboard Navigation
- Accessibility support
- Localization
### AG Grid Enterprise features
Here are a few of the features available in AG Grid Enterprise. See the AG Grid docs for more information.
- Grouping / Aggregation
- Advanced Filtering
- Records Lazy Loading
- Server-Side Records Operations
- Hierarchical Data Support & Tree View
- Data Export to Excel
- Excel-like Pivoting
- Copy / Paste
- Sparklines
### See a [live demo](https://www.ag-grid.com/example/) of AG Grid Community and Enterprise Features
---------
### Contributing
We welcome contributions to `dash-ag-grid`. Please see our [contributing guide](https://github.com/plotly/dash-ag-grid/blob/main/CONTRIBUTING.md) for more information.