Data Table

DESIGN RATIONALE

A data table built on a semantic HTML table structure with CSS Grid overrides for alignment. Sort headers use a chevron icon that rotates 180° on toggle. Row hover uses a background shift to white/3 rather than a border. Pagination is compact, using chevron buttons and a page number input.

USAGE GUIDELINES

Use for any structured data display: transactions, users, services, or assets. Supports 10, 25, 50, and 100 rows per page.