Table
Baseβ
Stripedβ
Paginationβ
Access the Pagination documentation to find other variations of pagination.
Fixed headerβ
danger
If you are not using the Table component inside the Main component and if there is any other fixed element above the table, you need to add a style with custom placement. So the header will be displayed correctly.
A table header can be fixed by adding the fixed property to Table.Head. In this case, when the user scrolls down the page view, and the table header is near the top of the screen, it will be fixed.
Right alignmentβ
Sortβ
Right alignment sortβ
With selectable rowsβ
tip
Make sure the Table.Row subcomponent has the active property set to true when its internal Checkbox is selected.