@snmt-react-ui/table NPM | npm.io

1.13.1 • Published 7 months ago

Install

Weekly downloads

-

License

-

Repository

Last release

7 months ago

Table

Props

Name	Description	Type	Default
columns	Sets columns for the table	`ColumnType<T>[]`	-
rows	Sets rows for the table	`T[]`	-
bordered	Sets borderes of the table	`boolean`	false
loading	Shows spinner instead of data	`boolean`	false
pagination	Determine to use pagination or not	`boolean`	false
count	Sets the total amount of data	`number`	-
currentPage	Current page number	`number`	-
limit	Sets the amount of rows per page	`number`	100
onPageChange	Callback fired when changing the page	`(page: number) => void`	-

Column type

Key	Description	Type
title	Title of the column	`string`
dataIndex	Row attribute name for which this column is using	`string`
sorter	Function to sort records by clicking the column	`(a: T, b: T) => number`
render	Function to render data in rows	`(content?: ReactNode, record?: T, index?: number) => ReactNode`
align	Content align in column	`"left"` \| `"right"` \| `"center"`
width	Width of the column	`number` \| `string`
expandable	Flag to collapse content in column to one line with the possibility to expand it. If the content is text (`string` or `<Typography />`) then use `"text"` variant, otherwise use `"advanced"`	`"text"` \| `"advanced"`
onCell	Function to set props on per cell	`GetComponentProps<T>`
onSortOrderChange	Callback fired when user clicks on the column header and therefore changes the sort order	`(sorts: {field: string; order: 'asc'` \| `'desc'}[]) => void`

`T` must contain unique `id` property (`number` | `string`)

@snmt-react-ui/badge @snmt-react-ui/button @snmt-react-ui/flex @snmt-react-ui/icon @snmt-react-ui/loader @snmt-react-ui/typography

@snmt-react-ui/applied-filters

9 months ago

10 months ago

9 months ago

10 months ago

1 year ago

1 year ago

1 year ago

10 months ago

7 months ago

9 months ago

9 months ago

11 months ago

11 months ago

1 year ago

10 months ago

11 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago