simple.md

Simple

All of these examples use automatic state management, meaning, they don't hoist any state out of the table or manually control anything. Start here for understanding the basics about how to build your table UI.

Basic

• Source
• Open in CodeSandbox

Footers

• Source
• Open in CodeSandbox

Sorting

• Source
• Open in CodeSandbox

Filtering

• Source
• Open in CodeSandbox

Grouping

• Source
• Open in CodeSandbox

Grouping (Single Column)

• Source
• Open in CodeSandbox

Pagination

• Source
• Open in CodeSandbox

Row Selection

• Source
• Open in CodeSandbox

Expanding

• Source
• Open in CodeSandbox

Sub Components

• Source
• Open in CodeSandbox

Editable Data

• Source
• Open in CodeSandbox

Column Ordering

• Source
• Open in CodeSandbox

Column Hiding

• Source
• Open in CodeSandbox

Column Resizing

• Source
• Open in CodeSandbox

Data-Driven Classes and Styles

• Source
• Open in CodeSandbox

Row DnD

• Source
• Open in CodeSandbox

Full Width Table (Table Elements with collapsible content)

• Source
• Open in CodeSandbox

Full Width Resizable Table (via useFlexLayout)

• Source
• Open in CodeSandbox

• Want to add another example? Submit a PR!