0.2.3 • Published 11 months ago
mantine-data-grid v0.2.3
Mantine Data Grid
Data Grid component with Mantine UI and react-table v8.
Component is in alpha stage, there might be bugs and component api could change.
Demo & Documentation
Install
With npm
npm i mantine-data-grid @mantine/core @mantine/dates @mantine/hooks dayjs
With pnpm
pnpm add mantine-data-grid @mantine/core @mantine/dates @mantine/hooks dayjs
Usage
import { DataGrid, stringFilterFn, numberFilterFn, dateFilterFn } from 'mantine-data-grid';
function Demo() {
return (
<DataGrid
data={/* data source */}
size="md"
withGlobalFilter
columns={[
{
accessorKey: 'text',
header: 'Text that is too long for a Header',
filterFn: stringFilterFn,
},
{
header: 'Animal',
columns: [
{ accessorKey: 'cat', filterFn: stringFilterFn },
{
accessorKey: 'fish',
filterFn: stringFilterFn,
},
],
},
{
accessorKey: 'city',
filterFn: stringFilterFn,
},
{ accessorKey: 'value', filterFn: numberFilterFn },
{
accessorKey: 'date',
cell: (cell) => cell.getValue()?.toLocaleDateString(),
filterFn: dateFilterFn,
},
]}
/>
);
}
Contributing
Contribution to this project is welcom, feel free to submit a Pull Request.
Run locally
pnpm i
pnpm dev
Roadmap
- Simple Data Grid
- Virualized Data Grid
- Global Filter
- Column Filter
- string filter
- number filter
- date filter
- boolean filter
- custom fitler
- Column Sizing
- Column sorting
- Scrolling
- Fixed Header
- Column pinning
- Column Ordering
- Row Selection
- Row Expanding
- Pagination
- Styles Api
- Component Overrides
- Docs
- Create npm package
- Add tests
0.2.3
11 months ago
0.2.2
12 months ago
0.2.1
1 year ago
0.1.2
1 year ago
0.2.0
1 year ago
0.1.1
1 year ago
0.1.4
1 year ago
0.0.20
2 years ago
0.0.21
2 years ago
0.0.22
1 year ago
0.1.0
1 year ago
0.0.15
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.18
2 years ago
0.0.19
2 years ago
0.0.14
2 years ago
0.0.13
2 years ago
0.0.12
2 years ago
0.0.11
2 years ago
0.0.10
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago