# DataGrid Playground

Source: https://lumeo.nativ.sh/components/datagrid/playground

Playground

[Back to docs](/components/datagrid)

## Options

Toolbar

Show toolbar

Search box

Column chooser

Export button

Expand to fullscreen

Export formats

CSV

Excel

PDF

Columns

Sortable columns

Filterable columns

Reorder columns (drag)

Pin columns

Rows

Drag to reorder rows

Show add-row button

Grouping

Show group panel

Groups expanded by default

None Team Role Status

Pagination

Show pagination

Page size

Default Small Large

Virtualization

Virtualized rows

Column virtualization

Max visible columns

Display

Striped rows

Bordered

Compact rows

Hover highlight

Loading skeleton

Auto Compact Tall

Persistence

Persist layout to localStorage

Selection & editing

None Single Multiple

No edit Cell Row Batch

Reset to defaults

# DataGrid playground

Flip switches to see every feature in action — no rebuild, no reload.

Columns

Export

Drag a Groupable column header here, or use the dropdown

\+ Add group level

Name

Team

Role

Salary

Status

Joined

Ada Lovelace

Platform

Staff Engineer

¤182,000

Active

2019-03-12

Linus Torvalds

Platform

Principal

¤225,000

Active

2015-08-01

Margaret Hamilton

Platform

Engineering Lead

¤198,000

Active

2018-06-21

Grace Hopper

Data

Director

¤245,000

Active

2014-02-04

Alan Turing

Data

Senior Engineer

¤165,000

Active

2020-11-30

Katherine Johnson

Data

Analytics Lead

¤172,000

Active

2017-09-14

Tim Berners-Lee

Design

Design Director

¤210,000

Active

2016-05-22

Don Norman

Design

Principal UX

¤188,000

Active

2018-01-17

Avg: 199,733.33

Rows per page

8

1–8 of 15

-   Previous
-   1
-   2
-   Next