Mantine React Table V1
Built with MantineV6 and TanStack TableV8
The Best of Both Worlds
Combine TanStack Table's Extensive API With Mantine's Awesome Pre-Built Components!
Efficient Bundle Size
33-47 KB depending on components imported.
Import the recommended
MantineReactTablecomponent, or optionally import lighter weight MRT sub-components that only include the UI you need.
Pre-Built or 100% Custom
Use the pre-built single component data grid with the
Or build your own markup from scratch using the
All internal MRT components are exported for you to use as "lego blocks" to build your own custom tables.
Just about everything is customizable or overridable in Mantine React Table. Pass in custom props or styles to all internal components. Use simple
enable*props to easily enable or disable features.
Mantine React Table has most of the features you would expect from a modern table library including Pagination, Sorting, Filtering, Row Selection, Row Expansion, Column Resizing, Column Reordering, etc.
30+ i18n Locales
The MRT Community has contributed over 30 Locales for everyone to import and use.
Examples to Get You Started
Is <MantineReactTable /> Right For Your Project?
Free or Licensed
|Mantine React Table||Free MIT||Built on top of TanStack Table V8 and Mantine V6, Mantine React Table (MRT) is a batteries-included React table library that attempts to provide all the table features you need while trying to stay highly performant and relatively lightweight. Customization is treated as a top priority to let you override any styles you need to change. Mantine React Table was forked from Material React Table and is being built in 2023.|
|Mantine DataTable||Free MIT||A very close to stock feeling Mantine Data Table component. It is a pretty lightweight library and is more so an extra wrapper for Mantine's built-in Table component, but with way more props, features, and styles built-in. Even though it is so lightweight, the filtering, pagination, sorting, and selection features that come with it might be enough for a lot of projects.|
|Mantine Data Grid||Free MIT||Mantine Data Grid is another project that is being built on top of both Mantine and TanStack Table. It seems to be a smaller project, and it is unclear if it will be as feature-rich or viable as other options on this list, but it is worth keeping an eye on.|
|TanStack Table (React Table)||Free MIT||TanStack Table (formerly React Table) is a lightweight Headless UI library for building powerful tables and datagrids. No CSS or components included. You use logic from the useReactTable hook to build your own table components. No batteries included, but you get total control of your markup and styles (Mantine React Table is built on top of TanStack Table).|
|AG Grid Community/Enterprise||MIT or Paid License||If you are looking for the best data grid/table library possible, look no further than AG Grid. It may not exactly be lightweight or made from Mantine components, but it is the best of the best. It does have some drawbacks, as it has a very large bundle size and depending on your feature needs, it may require a paid license.|
Mantine React Table
|Click to copy||✅||❌|
|Column Action Dropdown||✅||❌|
|Column Ordering (DnD)||✅||❌|
|Column Pinning (Freezing)||✅||❌|
|Column/Row Grouping and Aggregation||✅||❌|
|Expanding Rows (Tree Data)||✅||✅|
|Export to CSV||✅||✅|
|Global Filtering Search||✅||✅|
|Header Groups and Footers||✅||❌|
|Manage your own state||✅||✅|
|Row Action Buttons||✅||✅|
|Row Context Menu||❌||✅|
|Row Ordering (DnD)||✅||❌|
*If you see any inaccuracies in this table, PRs are welcome!
Maintainers and Contributors
Kevin Van Cott
UI/UX, Technical Writer