core - GitLite

KO | EN

gitlite — search

#javascript #python #ai #typescript #llm #android #machine-learning #deep-learning #awesome #kubernetes #vue #pytorch #security #openai

core

(★ 291)

Datatable for React based on material-ui's table with additional features. Support us at https://opencollective.com/material-table-core

File Explorer

Download Latest Version (.zip)

- - setup-node
- - bug_report.md
  - feature_request.md
  - help.md
- - build.yml
  - codeql-analysis.yml
  - publish-next.yml
  - publish.yml
  - trusted-publish.yml
- CODE_OF_CONDUCT.md
- CODEOWNERS
- CONTRIBUTING.md
- FUNDING.yml
- PUBLISHING.md
- pull_request_template.md
- README_ORIGINAL.md
- ROADMAP.md
- stale.yml
- - demo.jsx
  - errorBoundary.jsx
  - index.html
- defaultIcons.test.jsx
- detailPanel.test.jsx
- disableSort.test.jsx
- editRow.test.jsx
- groupRenderFalsy.test.jsx
- localization.test.jsx
- multiColumnSort.test.jsx
- post.build.test.jsx
- pre.build.test.jsx
- resizeColumn.test.jsx
- selectByObject.test.js
- selection.test.jsx
- showPaginationButtons.test.jsx
- summaryRow.test.jsx
- test.helper.js
- useDoubleClick.test.jsx
- - index.js
  - m-table-body.jsx
  - m-table-detailpanel.jsx
  - m-table-edit-cell.jsx
  - m-table-edit-field.jsx
- - index.js
  - props.components.js
  - props.icons.jsx
  - props.localization.js
  - props.options.js
- - index.js
  - LocalizationStore.jsx
- - common-values.js
  - constants.js
  - data-manager.js
  - index.js
  - validate.js
- index.jsx
- material-table.jsx
- prop-types.js
- helper.d.ts
- index.d.ts
.gitignore
.prettierrc
.slugignore
CHANGELOG.md
eslint.config.js
LICENSE
package-lock.json
package.json
README.md
vite.config.js
vitest.setup.js

# Installation Guide

1. Get the code

git clone https://github.com/material-table-core/core

Downloads the entire project code from GitHub to your computer.

cd core

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install @material-table/core

Downloads and installs the libraries listed in package.json.

yarn add @material-table/core

Type this command into your terminal and run it.

npm install

Downloads and installs the libraries listed in package.json.

npm start # Vite dev server with the demo playground

Starts the development/run server.

npm test # build + run the Vitest suite

Type this command into your terminal and run it.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">

# @material-table/core

**A highly customizable datatable for React, built on Material UI — forked from [`mbrn/material-table`](https://material-table.com)**

[![build](https://github.com/material-table-core/core/workflows/Build/badge.svg?branch=master)](https://github.com/material-table-core/core/actions?query=workflow%3ABuild)
[![publish](https://github.com/material-table-core/core/actions/workflows/publish.yml/badge.svg)](https://github.com/material-table-core/core/actions?query=workflow%3APublish%20Package)
[![npm version](https://badge.fury.io/js/@material-table%2Fcore.svg)](https://www.npmjs.com/package/@material-table/core)
[![npm downloads](https://img.shields.io/npm/dm/@material-table/core)](https://www.npmjs.com/package/@material-table/core)
[![license](https://img.shields.io/npm/l/@material-table/core)](https://raw.githubusercontent.com/material-table-core/core/master/LICENSE)
[![discord](https://img.shields.io/discord/796859493412765697)](https://discord.gg/uMr8pKDu8n)

💾 [**Installation**](https://material-table-core.github.io/docs/#installation) • 🎉 [**Basic Usage**](https://material-table-core.github.io/docs/#basic-usage) • 📖 [**Documentation**](https://material-table-core.github.io/docs) • ⚙️ [**Demos**](https://material-table-core.github.io/demos/)  
✅ [**Why this repo exists?**](https://material-table-core.github.io/docs/about) • 🗺️ [**Roadmap**](https://github.com/material-table-core/core/wiki/Roadmap)

</div>

---

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

## 🛠️ Installation

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

Refer to the [installation guide](https://material-table-core.github.io/docs/#installation) for more information and advanced usage.

## 💡 Basic Usage

```jsx
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](https://material-table-core.github.io/docs) and [live demos](https://material-table-core.github.io/demos/).

## 🧑‍💻 Development

```bash
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](https://github.com/sponsors/material-table-core) or [Open Collective](https://opencollective.com/material-table-core). 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](https://github.com/material-table-core/core/blob/master/.github/CONTRIBUTING.md) for more details.

## 📄 License

[MIT](LICENSE)