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 localized sort state labels via aria-sort.
  • Optional pagination delegates to sense-paginator with live region announcements.