ArtificialSenseDocs

Docs / Components

SenseTableComponent

Sortable data table with column definitions and optional pagination from @artificialsenselabs/ui.

Live demo: run nx serve showcase and open /components/table (port 4202).

Overview

Category: Layout. Selector: sense-table. Import: import { SenseTableComponent, SenseTableColumnComponent } from '@artificialsenselabs/ui';

Define columns with projected sense-table-column children. Each column maps a field key to a header label.

Accessibility

  • Table uses semantic <table> markup with scope="col" on headers.
  • Sortable headers expose sort state on the <th> via aria-sort (ascending, descending, or none); the sort button keeps a localized aria-label for the action.
  • Optional pagination delegates to sense-paginator with live region announcements.