https://github.com/snehilvj/dash-mantine-react-table
The right datagrid for Dash when using Dash Mantine Components based on https://www.mantine-react-table.com.
https://github.com/snehilvj/dash-mantine-react-table
dash dash-mantine-components dmc plotly plotly-dash
Last synced: 4 months ago
JSON representation
The right datagrid for Dash when using Dash Mantine Components based on https://www.mantine-react-table.com.
- Host: GitHub
- URL: https://github.com/snehilvj/dash-mantine-react-table
- Owner: snehilvj
- License: mit
- Created: 2023-03-27T18:39:56.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-03-28T18:52:13.000Z (about 3 years ago)
- Last Synced: 2025-08-09T04:23:32.158Z (10 months ago)
- Topics: dash, dash-mantine-components, dmc, plotly, plotly-dash
- Language: JavaScript
- Homepage:
- Size: 212 KB
- Stars: 34
- Watchers: 2
- Forks: 1
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Dash Mantine React Table
The right datagrid for Dash when using [Dash Mantine Components](http://dash-mantine-components.com).
## Install
```shell
pip install dash_mantine_react_table
```
## Quickstart
```python
from dash_mantine_react_table import DashMantineReactTable
grid = DashMantineReactTable(
data=data.to_dict("records"),
columns=[{"accessorKey": i, "header": i} for i in data.columns],
mrtProps={
"enableHiding": False,
"enableColumnFilters": False,
"initialState": {"density": "sm"},
"mantineTableProps": {"fontSize": "sm"},
"mantineTableHeadCellProps": {"style": {"fontWeight": 500}},
},
mantineProviderProps={
"theme": {
"colorScheme": "dark",
},
},
)
```