Material React Table

V1

Legacy V1 Docs

Changelog & Roadmap

Getting Started

Props and Options

Table Instance APIs

Column Instance APIs

Row Instance APIs

Cell Instance APIs

Minimal Example

Advanced Example

Aggregation/Grouping Example

Data Export Example

Editing (CRUD) Example

Remote Data Fetching Example

React Query Example

Virtualized Example

Infinite Scrolling Example

Extra Storybook Examples

Data (Accessor) Columns

Display (Built-in) Columns

Customize (Style) Components

Localization (i18n)

Memoize Components

Event Listeners (onClicks)

State Management

Toolbar Customization

Aggregation and Grouping

Column Actions (Menu)

Column Filtering

Column Ordering and Dragging

Column Pinning (Freezing)

Column Resizing

Detail Panel (Expanding)

Editing (Editable)

Expanding Sub-Rows (Tree)

Full Screen Toggle

Global Filtering (Search)

Row Actions (Buttons)

Row Ordering and Dragging

Row Selection (Checkboxes)

Sticky Header/Footer

Virtualization (Large Data)

The Best Data Grid Libraries...

docs

/
guides

On This Page

Guides

Fundamentals

Data (Accessor) Columns
Display (Built-in) Columns
Customize (Style) Components
Custom Icons
Localization (i18n)
Memoize Components
Event Listeners (onClicks)
State Management
Toolbar Customization

Feature Guides

Aggregation and Grouping
Async Loading
Click to Copy
Column Actions (Menu)
Column Filtering
Column Hiding
Column Ordering and Dragging
Column Pinning (Freezing)
Column Resizing
Density Toggle
Detail Panel (Expanding)
Editing (Editable)
Expanding Sub-Rows (Tree)
Full Screen Toggle
Global Filtering (Search)
Pagination
Row Actions (Buttons)
Row Numbers
Row Ordering and Dragging
Row Selection (Checkboxes)
Sorting
Sticky Header/Footer
Virtualization (Large Data)

Suggest an Edit for this page on GitHub

You can help make these docs better!

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

© 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

Props
Column Options
State Options

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

Examples

Basic Example
Minimal Example
Advanced Example
Aggregation/Grouping Example
Data Export Example
Editing (CRUD) Example
Remote Data Fetching Example
React Query Example
Virtualized Example
Infinite Scrolling Example
Extra Storybook Examples

Fundamental Guides

Data (Accessor) Columns
Display (Built-in) Columns
Customize (Style) Components
Custom Icons
Localization (i18n)
Memoize Components
Event Listeners (onClicks)
State Management
Toolbar Customization

Feature Guides

Aggregation and Grouping
Async Loading
Click to Copy
Column Actions (Menu)
Column Filtering
Column Hiding
Column Ordering and Dragging
Column Pinning (Freezing)
Column Resizing
Density Toggle
Detail Panel (Expanding)
Editing (Editable)
Expanding Sub-Rows (Tree)
Full Screen Toggle
Global Filtering (Search)
Pagination
Row Actions (Buttons)
Row Numbers
Row Ordering and Dragging
Row Selection (Checkboxes)
Sorting
Sticky Header/Footer
Virtualization (Large Data)