import vizro.models as vm
import vizro.plotly.express as px
from vizro import Vizro
from vizro.tables import dash_ag_grid
df = px.data.gapminder()
columnDefs = [
{"field": "country", "minWidth": 600},
{"field": "year"},
{"field": "lifeExp", "cellDataType": "numeric"},
{"field": "gdpPercap", "cellDataType": "dollar"},
{"field": "pop", "cellDataType": "numeric"}
]
page = vm.Page(
title="Default Dash AG Grid",
components=[
vm.Container(
components=[
vm.Card(text="test"),
vm.Card(text="test2"),
],
layout=vm.Flex(direction="row")
),
vm.AgGrid(
figure=dash_ag_grid(
data_frame=df,
columnDefs=columnDefs,
# dashGridOptions={"pagination": True, "paginationPageSize": 20,},
# style={"height": 1000}
),
)
],
layout=vm.Flex(direction="column")
)
dashboard = vm.Dashboard(pages=[page])
Vizro().build(dashboard).run()