Skip to main content

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.

Feedback​