Overview

@gridkitjs/react renders semantic class names — gridkit-data-grid, header-cell, grid-row — and carries no styles of its own. Pair it with @gridkitjs/theme-tailwind, or target the same class names with your own stylesheet.

Install#

npm install @gridkitjs/react @gridkitjs/theme-tailwind

See DataGridComponent for the component itself, column templates for custom header and cell rendering, resizing, reordering, row/column/cell selection, or events for every callback prop. See theming for palette tokens and dark mode.