@bsol-oss/react-datatable5 v3.1.2
React Datatable
Installation
npm install @tanstack/react-table @chakra-ui/react @bsol-oss/react-datatable5
Usage
Hook
The DataTable
and DataTableServer
utilize hook to add props.
const datatable = useDataTable();
const datatableServer = useDataTableServer({url: "<some-url>"});
DataTable
<DataTable columns={columns} data={data} {...datatable}>
<Flex>
<TablePagination />
<EditViewButton />
<EditFilterButton />
<EditOrderButton />
<PageSizeControl />
<TableSelector />
<GlobalFilter />
</Flex>
<Table>
<TableHeader canResize />
<TableBody />
<TableFooter />
</Table>
<PageSizeControl />
<TablePagination />
</DataTable>
DataTableServer
<DataTableServer
columns={columns}
{...datatable}
>
<Flex>
<TablePagination />
<EditViewButton />
<EditFilterButton />
<DensityToggleButton />
<EditOrderButton />
<PageSizeControl />
<TableSelector />
<GlobalFilter />
</Flex>
<Table>
<TableHeader canResize />
<TableBody />
<TableFooter />
</Table>
<Flex>
<TablePagination />
<EditViewButton />
<EditFilterButton />
<EditOrderButton />
<PageSizeControl />
<TableSelector />
</Flex>
</DataTableServer>
Example Url generated by the DataTableServer
GET http://localhost:8333/api/v1/gpt/chat/history/all?pagination={"offset":0,"rows":10}&sorting={}&where={}&searching=hello
DefaultTable
<DataTable columns={columns} data={data} {...datatable}>
<DefaultTable />
</DataTable>
Development
npm install
npm run storybook
9 months ago
9 months ago
10 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year ago
12 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago