@material-table/core

Datatable for React based on https://material-ui.com/api/table/ with additional features

@material-table/core downloads @material-table/core version @material-table/core license

@material-table/coreSimilar Packages:

Npm Package Weekly Downloads Trend

3 Years
🌟 Show real-time usage chart on @material-table/core's README.md, just copy the code below.
## Usage Trend
[![Usage Trend of @material-table/core](https://npm-compare.com/img/npm-trend/THREE_YEARS/@material-table/core.png)](https://npm-compare.com/@material-table/core#timeRange=THREE_YEARS)

Cumulative GitHub Star Trend

🌟 Show GitHub stars trend chart on @material-table/core's README.md, just copy the code below.
## GitHub Stars Trend
[![GitHub Stars Trend of @material-table/core](https://npm-compare.com/img/github-trend/@material-table/core.png)](https://npm-compare.com/@material-table/core)

Stat Detail

Package
Downloads
Stars
Size
Issues
Publish
License
@material-table/core0291245 kB4a month agoMIT

README for @material-table/core

@material-table/core

A highly customizable datatable for React, built on Material UI β€” forked from mbrn/material-table

build publish npm version npm downloads license discord

πŸ’Ύ Installation β€’ πŸŽ‰ Basic Usage β€’ πŸ“– Documentation β€’ βš™οΈ Demos
βœ… Why this repo exists? β€’ πŸ—ΊοΈ Roadmap


✨ Features

  • Sorting & multi-column sorting β€” client- or server-side
  • Filtering & search β€” per-column filters (text, numeric, boolean, date, lookup) plus global search
  • Pagination β€” normal or stepped, fully localizable
  • Inline editing β€” row, cell and bulk editing with validation
  • Grouping β€” drag & drop column grouping with persistent groupings
  • Selection β€” row selection with parent/child (tree) support
  • Tree data & detail panels β€” nested rows and expandable panels
  • Column resizing, reordering and hiding
  • Remote data β€” plug in any backend via a simple query callback
  • Export β€” pluggable export menu (CSV, PDF, custom)
  • Styling & theming β€” Material UI theme aware, custom components for every part of the table
  • Localization β€” every label and aria attribute is overridable

πŸ“¦ Requirements

Peer dependencyVersion
react / react-dom>= 19
@mui/materialv9

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).

πŸ› οΈ Installation

npm install @material-table/core
# or
yarn add @material-table/core

Refer to the installation guide for more information and advanced usage.

πŸ’‘ Basic 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.

πŸ§‘β€πŸ’» Development

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/

πŸ™Œ Sponsorship

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.

πŸš€ Contributing

Thank you for considering contributing to the project! Areas where help is especially welcome:

  • Refactoring β€” migrate the remaining class components to hooks
  • Documentation β€” help us improve the docs
  • Tests β€” extend the Vitest suite to improve stability

We appreciate all contributions, big or small. Check out the contributing guide for more details.

πŸ“„ License

MIT