@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
