The data grid that does not care where your rows live.

Built so the boring parts are already right

Material UI support

apsw-gridwright-mui is a separate package that makes the grid part of an MUI app. It works with MUI 7 and 9 and React 18 and 19.

npm install apsw-gridwright apsw-gridwright-mui
npm install @mui/material @emotion/react @emotion/styled

import { muiAddons } from 'apsw-gridwright-mui';

<ThemeProvider theme={theme}>
    <Gridwright
        columns={columns}
        data={rows}
        coreAddons={muiAddons()}
    />
</ThemeProvider>

Add features by listing them

Swap the array for a server without touching anything else.

import { Gridwright, columnFilters, exportMenu, search } from 'apsw-gridwright/react';
import 'apsw-gridwright/styles.css';

<Gridwright
    columns={[{ id: 'name', header: 'Name' }, { id: 'salary', header: 'Salary', align: 'end' }]}
    data={people} // or dataSource={createRestDataSource({ url: '/api/people' })}
    addons={[search(), columnFilters(), exportMenu({ formats: ['csv', 'excel', 'print'] })]}
/>

Documentation

One page per part of the grid. The pages are generated from the markdown in the repository.

• Getting startedFrom an array to a server
• API referenceProps, column fields, add-on options
• Data sourcesLocal, REST and remote
• Add-onsUse and write your own
• VirtualizationLarge data sets
• AccessibilitySemantics and WCAG 2.2 AA
• InternationalizationLabels and locale packs
• Tree and groupingHierarchies and aggregates