Py.Cafe

namakshenas/

dash-mantine-data-grid

Interactive Data Grid with Dash and Mantine Components

DocsPricing
  • app.py
  • requirements.txt
app.py
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
from dash import Dash, html
import dash_mantine_components as dmc

# Create the Dash app
app = Dash(__name__)

app.layout = dmc.MantineProvider(
    theme={
        "colorScheme": "light",  # You can switch to "dark" for a dark theme
    },
    children=html.Div(
        [
dmc.SimpleGrid(
    cols=3,
    spacing="md",
    verticalSpacing="md",
    children=[
        html.Div("1"),
        html.Div("2"),
        html.Div("3"),
        html.Div("4"),
        html.Div("5"),
    ]
)
]
    )
)

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