Data view table

Sortable table with search and pagination. Click any column header to sort; the search input filters across all columns. Sort indicators reflect the current state; pagination tracks the filtered total.

Each row expands to a detail panel via a toggle. Expansion state lives in the phaDataView factory, so a row stays open while you sort but collapses when it pages out of view.

All rows render in one scroll box: the header pins on vertical scroll and the first column pins on horizontal scroll. Search and column sort still work; pagination is dropped since every row is on a single page.

A treegrid grouping the libraries by license family. The flat data-view seed doesn't fit the filter/sort/paginate model, so this is a hierarchy with expand/collapse per group; aria-level, aria-setsize, and aria-posinset describe the tree to assistive tech.

Drag the grip on a header cell's trailing edge to resize that column (min 80px). A small phaColumnResize Alpine factory tracks the pointer at the document level; the table uses table-layout: fixed so widths hold.

Skeleton rows stand in while data is fetched. In an HTMX flow this is the placeholder tbody returned before the real rows swap in; the toolbar and column headers stay in place so the layout doesn't jump when data arrives.

When the fetch fails, a danger empty-state with a retry action fills the table body. The toolbar and column headers remain so the user keeps their bearings and can retry in place.