Datatable for React based on https://material-ui.com/api/table/ with additional features
A highly customizable datatable for React, built on Material UI β forked from mbrn/material-table
πΎ Installation β’ π Basic Usage β’ π Documentation β’ βοΈ Demos
β
Why this repo exists? β’ πΊοΈ Roadmap
| Peer dependency | Version |
|---|---|
react / react-dom | >= 19 |
@mui/material | v9 |
Built with modern tooling: Vite 8 library build (tree-shakeable, per-module ESM output), Vitest 4 test suite, ESLint 9 flat config. The package ships as ESM; CommonJS consumers are covered by Node's require(esm) support (Node >= 20.19).
npm install @material-table/core
# or
yarn add @material-table/core
Refer to the installation guide for more information and advanced usage.
import MaterialTable from '@material-table/core';
function MyTable() {
return (
<MaterialTable
title="Simple Table"
columns={[
{ title: 'Name', field: 'name' },
{ title: 'Age', field: 'age', type: 'numeric' }
]}
data={[
{ name: 'John', age: 30 },
{ name: 'Jane', age: 25 }
]}
options={{
sorting: true,
filtering: true
}}
/>
);
}
Explore more features and advanced usage in the documentation and live demos.
npm install
npm start # Vite dev server with the demo playground
npm test # build + run the Vitest suite
npm run lint # ESLint + type-check of the TypeScript definitions
npm run build # build the library to dist/
We appreciate contributions and sponsorships! You can support this project through GitHub Sponsors or Open Collective. Your support helps us maintain and improve the project.
Thank you for considering contributing to the project! Areas where help is especially welcome:
We appreciate all contributions, big or small. Check out the contributing guide for more details.