Coreor / DataTableOverview
Interactive demo Documentation GitHub
COREOR / REACT DATA GRID

Every data shape.
One powerful grid.

Build fast, typed data experiences. Explore every cell type and feature, then generate your own table in the live playground.

Open Table Maker Get started
19COLUMN TYPES
08FEATURE LABS
2.4kLIVE RECORDS
20 columns in one tableClient + server examplesEditable typed cellsCSV export scopes
01 / EVERYTHING TOGETHER

The complete workspace

All column types and grid actions in a single, fully interactive table.

LIVE DATA
TRY THIS① Filter status + price② Double-click a cell③ Select across pages④ Export CSV
Preparing interactive table…
02 / EXPLORE IN DEPTH

Go deeper, one capability at a time

Focused examples make each behavior easy to inspect.

Typed filters

Ranges, multi-select values, dates and search matched to each column type.

Open lab Cell editors

Edit in place, validate values and undo or redo changes.

Open lab Selection & export

Select rows across pages and export a page, selection or filtered results.

Open lab Pagination

Move between pages and change page size without losing your work.

Open lab
03 / BUILD WITH REACT

From preview to production

Copy a starter component, then fine tune it in the Table Maker.

Read the API
QUICK START
import '@battincik/coreor-datatable/styles.css'
import { EnterpriseGrid, type GridColumn } from '@battincik/coreor-datatable'

const columns: GridColumn<Row>[] = [
  { key: 'name', title: 'Name', kind: 'text', editable: true },
  { key: 'status', title: 'Status', kind: 'status' },
]

<EnterpriseGrid data={rows} columns={columns} onDataChange={setRows} />