Overview

Coming with Dash Enterprise 5, Dash Ag-Grid is a high-performance and highly customizable component based on AG Grid designed for creating rich datagrids.

Quickstart

Dash Ag-Grid has not reached general availability yet. Stay tuned!

These docs are using version 1.0.0.

>>> import dash_ag_grid as dag
>>> print(dag.__version__)
1.0.0

Here’s a simple example of what you can do with Dash Ag-Grid. Continue to Basic Usage to learn more.

import dash_ag_grid as dag
import dash_design_kit as ddk
import dash
from dash import html


app = dash.Dash(__name__)

columnDefs = [
    {"headerName": "Make", "field": "make"},
    {"headerName": "Model", "field": "model"},
    {"headerName": "Price", "field": "price"},
]

rowData = [
    {"make": "Toyota", "model": "Celica", "price": 35000},
    {"make": "Ford", "model": "Mondeo", "price": 32000},
    {"make": "Porsche", "model": "Boxter", "price": 72000},
]


app.layout = ddk.Row(
    [
        dag.AgGrid(
            id="ag-grid",
            columnDefs=columnDefs,
            rowData=rowData,
            columnSize="sizeToFit",
            defaultColDef=dict(
                resizable=True,
            ),
        ),
    ]
)


if __name__ == "__main__":
    app.run_server(debug=True)