Introducing Dash Mantine Datatable

Introducing dash-mantine-datatable (v0.1.0)

Built atop of the popular dash-mantine-components, Dash Mantine Datatable is a wrapper of the Mantine Datatable

Motivation

I’ve used Dash AG Grid quite a bit, but often found it:

  • heavier than needed for many use cases
  • less aligned with the Mantine design system

This project aims to provide a simpler, more cohesive alternative for common table needs.

Features

  • Mantine-native styling
  • Sorting, filtering, pagination
  • Lightweight and easy to integrate

Example

table = dmdt.DataTable(
    id="overview-table",
    data=EMPLOYEES[:6],
    columns=OVERVIEW_COLUMNS,
    sortStatus={"columnAccessor": "name", "direction": "asc"},
    striped=True,
    withTableBorder=True,
    withColumnBorders=True,
    paginationMode="none",
    radius="md",
    bg="var(--mantine-color-body)",
)

Future Releases

  • Focus for the next release will be on improving the editing cells and grouping functionality.

@adamschroeder

Looks really nice! I also found ag-grid to be a bit heavy for some uses, so I’m glad to see a mantine native option!

Also, I need to give a shoutout to @AnnMarieW and @snehilvj for their work on the dash-mantine-components you inspired this package.

This looks like a nice addition to the dash-mantine ecosystem!

I’m looking forward to taking it for a spin :slight_smile:

This is powerful and very useful for the dash Mantine community. Thank you @gallinijeff .
I look forward to seeing the development in the grouping functionality