Data table · Swiss
A sortable, selectable, paginated table with aria-sort headers, status pills, a sticky header option and an empty state.
Design · Swiss9 / 20
Heavy top rule, uppercase headers on a 2 px rule, flush-left cells, square status markers (red only for overdue) and an inverted selected row.
Motion
Rows rise into place one after another, 45 ms apart; paging and sorting replay it.
Accent
A sortable, selectable, paginated table with aria-sort headers, status pills, a sticky header option and an empty state.
tabledatagridsortselectpaginationinvoicesadmin