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.