Components

Data Table

A high-density collection foundation with sorting, selection, grouping, pinning, resizing, keyboard navigation, and contextual row actions.

Collection view

Compose the table with filters, display settings, and bulk actions to build a complete issue view. The collection state remains controlled, so it can be stored in a URL, workspace preference, or saved view.

StatusActiveTeamAll teams


ACM-247	Preserve sidebar width across sessions	Platform	Aug 16
ACM-271	Reduce initial dashboard render time	Performance	Aug 21

ACM-263	Unify project and initiative filters	Product	Aug 19
ACM-294	Add usage summary to workspace settings	Growth	Yesterday

ACM-318	Refine keyboard navigation in command menu	Platform	Today

tsx

<FilterBar filters={filters} onRemove={removeFilter} />
<div className="collection-actions">
  <FilterPicker properties={filterProperties} onAddFilter={addFilter} />
  <ViewOptions
    grouping={grouping}
    ordering={ordering}
    density={density}
    columns={visibleColumns}
  />
</div>
<DataTable
  aria-label="Issues"
  columns={columns}
  data={issues}
  groupBy={(issue) => ({ id: issue.status, label: issue.status })}
  columnPinning={{ start: ["id"], end: ["updated"] }}
  rowSelection={rowSelection}
  onRowSelectionChange={setRowSelection}
  renderRowActions={(issue) => <IssueActions issue={issue} />}
  selectable
  showHeader={false}
/>
<MultiSelectToolbar selectedCount={selectedCount} onClear={clearSelection} />

States

Loading keeps the table geometry stable. Empty results get one calm message instead of a large illustration or promotional copy.

Empty result

No matching issues

Try a different filter.

Behavior

Show the header to expose sorting and column resizing. Rows support Arrow, Home, End, Space, Enter, and Shift-range selection. Resize with the pointer or Arrow keys, then double click the handle to restore its original width.

Table modeSortable and resizable columns


ACM-318	Refine keyboard navigation in command menu	Platform	Today
ACM-294	Add usage summary to workspace settings	Growth	Yesterday
ACM-271	Reduce initial dashboard render time	Performance	Aug 21