DataTable

Table with sortable column headers. Click (or Enter/Space) on a header cycles ascending → descending → original order. Markup is a plain <table> styled by @stnd/styles; sort state is exposed through aria-sort.

columns: [{ key, header, sortable = true, numeric = false, accessor?, class? }] Snippets: cell({ row, column, value }) and header({ column }) override the defaults; without cell, the cell shows row[column.key]. empty renders a full-width row when there are no rows.

manualSort: the parent orders rows itself (paginated or server-side lists, where sorting only the visible page would be wrong). The component then only owns the sort state (bind it) and the aria-sort markup.