Dash Mantine React Table
The right datagrid for Dash when using Dash Mantine Components.
Install
pip install dash_mantine_react_table
Quickstart
from dash_mantine_react_table import DashMantineReactTable
grid = DashMantineReactTable(
data=data.to_dict("records"),
columns=[{"accessorKey": i, "header": i, "maxSize": 100} for i in data.columns],
mrtProps={
"enableHiding": False,
"enableColumnFilters": False,
"enableDensityToggle": False,
"enableColumnActions": False,
"enableFullScreenToggle": False,
"enableMultiRowSelection": False,
"initialState": {"density": "sm", "showGlobalFilter": True},
"mantineTableProps": {
"fontSize": "sm",
"sx": {"fontFamily": "'Inter', sans-serif"},
},
"mantineTableHeadCellProps": {"style": {"fontWeight": 500}},
"mantineSearchTextInputProps": {"icon": None, "rightSection": None},
},
mantineProviderProps={
"theme": {
"colorScheme": "dark",
"components": {"ActionIcon": {"styles": {"root": {"marginLeft": 5}}}},
},
},
)