@sqlrooms/data-table / DataTablePaginatedProps
Type Alias: DataTablePaginatedProps<Data>
DataTablePaginatedProps<
Data> =object
Type Parameters
| Type Parameter |
|---|
Data extends object |
Properties
className?
optionalclassName?:string
fontSize?
optionalfontSize?:string
Custom font size for the table e.g. text-xs, text-sm, text-md, text-lg, text-base
data?
optionaldata?:ArrayLike<Data>
columns?
optionalcolumns?:ColumnDef<Data,any>[]
pageCount?
optionalpageCount?:number
numRows?
optionalnumRows?:number
isFetching?
optionalisFetching?:boolean
pagination?
optionalpagination?:PaginationState
sorting?
optionalsorting?:SortingState
footerActions?
optionalfooterActions?:React.ReactNode
onPaginationChange?
optionalonPaginationChange?: (pagination) =>void
Parameters
| Parameter | Type |
|---|---|
pagination | PaginationState |
Returns
void
onSortingChange?
optionalonSortingChange?: (sorting) =>void
Parameters
| Parameter | Type |
|---|---|
sorting | SortingState |
Returns
void
onRowClick?
optionalonRowClick?: (args) =>void
Called when a row is clicked.
Parameters
| Parameter | Type |
|---|---|
args | { row: Row<Data>; event: React.MouseEvent<HTMLTableRowElement>; } |
args.row | Row<Data> |
args.event | React.MouseEvent<HTMLTableRowElement> |
Returns
void
onRowDoubleClick?
optionalonRowDoubleClick?: (args) =>void
Called when a row is double-clicked.
Parameters
| Parameter | Type |
|---|---|
args | { row: Row<Data>; event: React.MouseEvent<HTMLTableRowElement>; } |
args.row | Row<Data> |
args.event | React.MouseEvent<HTMLTableRowElement> |
Returns
void
enableRowSelection?
optionalenableRowSelection?:boolean
Enables row selection with checkboxes. When true, a checkbox column is added.
rowSelection?
optionalrowSelection?:RowSelectionState
Controlled row selection state. Keys are row indices, values are selection status.
onRowSelectionChange?
optionalonRowSelectionChange?: (rowSelection) =>void
Called when row selection changes.
Parameters
| Parameter | Type |
|---|---|
rowSelection | RowSelectionState |
Returns
void
