salesforce/design-system-react

DataTable

Basic Fluid Layout (Default)

Basic Fluid Layout - Striped

Basic Fluid Layout - No Row Hover

Basic Fluid Layout - Column Bordered

Basic Fluid Layout - Headless

Basic Fixed Layout

Advanced (Fixed Layout)

Advanced Single Select (Fixed Layout)

Advanced Single Select (Fixed Header)

Advanced with Header Row

Fixed Header

Interactive Elements

Fixed Header Horizontal Scrolling

Joined with Page Header

Custom Classes

Infinite Scrolling

Resizable Columns

Chromatic publishes Storybook to streamline collaboration

Learn more Sign in