Skip to content
OTF Kit logoOTF Kit

Data Grid

Data

Data grid with row selection and inline cell editing.

View in Storybook
Data Grid
Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import Data Grid from @otfdashkit/ui.

Code
// Data Grid — Data grid with row selection and inline cell editing.
//
// Install:
//   bun add @otfdashkit/ui

import { DataGrid } from '@otfdashkit/ui'

export function Example() {
  return (
    <DataGrid>
      {/* your content */}
    </DataGrid>
  )
}

Props

Props declared in the DataGrid source. Inherited HTML attributes are not listed.

PropTypeDefaultDescription
columnsrequiredColumnDef<T, any>[]
datarequiredT[]
classNamestring
editableboolean
onDataChange(data: T[]) => void

Related