Material React Table

V2

Getting Started

Migrating to v2

Props and Options

Components and Hooks

Minimal Example

Advanced Example

Custom Headless Example

Data Export Examples

Dragging / Ordering Examples

Editing (CRUD) Examples

Expanding / Grouping Examples

Filtering Examples

Sticky Pinning Examples

Remote Data Fetching Examples

Virtualized Examples

Extra Storybook Examples

Best Practices (TypeScript)

Data (Accessor) Columns

Display (Built-in) Columns

Event Listeners (onClicks)

Memoization (Performance)

State Management

Customization Guides

Customize (Style) Components

Localization / Custom Text (i18n)

Toolbar Customization

Size / Width Guides

Column Size (Widths)

Column Resizing

Full Screen Toggle

Big Data Guides

Async Loading UI

Virtualization (Scrolling)

Data Mutation Guides

Row Selection (Checkboxes)

Editing (Text Fields)

Filtering / Hiding Guides

Column Filtering

Global Filtering (Search)

Grouping / Expanding Guides

Detail Panel (Expanding)

Expanding Sub-Rows (Tree)

Column Grouping

Sticky Pinning / Freezing Guides

Sticky Header/Footer

Column Pinning (Sticky)

Row Pinning (Sticky)

Sort / Order / DnD Guides

Row Ordering and Dragging

Column Ordering and Dragging

Action Button / Menu Guides

Column Actions (Menu)

Cell Actions (Context Menu)

Row Actions (Buttons)

The Best Data Grid Libraries...

Announcing MRT V2

Home

/
docs

Docs

Home
About
Changelog
Roadmap
Getting Started
API Reference
Quick Examples
Guides
Blog
Other

Suggest an Edit for this page on GitHub

Using Mantine instead of Material UI?
Check out Mantine React Table

Plausible Analytics for this page

© 2024 Kevin Van Cott

NPM Source Code Submit a Bug Report Join the Discord!Twitter

Site Directory

Home
About
Changelog
Roadmap
Getting Started
API Reference
Quick Examples
Guides
Blog
Other

API Reference

Install
Usage
Migrating to v2

Table Options (Props)
Column Options
State Options

Table Instance APIs
Column Instance APIs
Row Instance APIs
Cell Instance APIs

MRT Components
MRT Hooks

Examples

Guides

Best Practices (TypeScript)
Data (Accessor) Columns
Display (Built-in) Columns
Event Listeners (onClicks)
Memoization (Performance)
State Management

Customize (Style) Components
Custom Icons
Localization / Custom Text (i18n)
Toolbar Customization

Column Size (Widths)
Column Resizing
Density Toggle
Full Screen Toggle

Async Loading UI
Pagination
Virtualization (Scrolling)

Row Selection (Checkboxes)
Editing (Text Fields)

Column Filtering
Global Filtering (Search)
Column Hiding

Detail Panel (Expanding)
Expanding Sub-Rows (Tree)
Column Grouping
Aggregation

Sticky Header/Footer
Column Pinning (Sticky)
Row Pinning (Sticky)

Sorting
Row Ordering and Dragging
Column Ordering and Dragging
Row Numbers

Column Actions (Menu)
Cell Actions (Context Menu)
Row Actions (Buttons)
Click to Copy