`gds-table` — Table

Documentație online (fără download) — citește aici pe Wiki.
Pachete npm: Package Registry · contracte în @gstack/gds-core.

BlockKind: table
Secțiune paletă: BLOCKS · Class: GdsTableComponent · Pachet: @gstack/gds-angular
Data contract: TableData din @gstack/gds-core

Ce reprezintă

Tabel de înregistrări cu căutare, filtre pe status și detalii pe rând (expand / drawer / modal).

Inputs

Nume	Tip	Default	Descriere
data	TableData	required	title, columns, rows, searchable, filterKey?, rowAction?
lang	`Lang (‘ro'	'en’)`	‘ro’

Outputs

Niciunul.

Cum se folosește

<gds-table lang="ro" [data]="{
  title: 'Plăți',
  searchable: true,
  filterKey: 'status',
  rowAction: 'drawer',
  columns: [
    { key: 'id', label: 'ID', type: 'mono' },
    { key: 'suma', label: 'Sumă', type: 'amount' },
    { key: 'status', label: 'Status', type: 'status' },
  ],
  rows: [
    { id: 'MD-001', suma: '120.00 MDL', status: 'active' },
    { id: 'MD-002', suma: '50.00 MDL', status: 'pending' },
  ]
}" />

Note pentru agenți (Cursor)

• ColumnType: text | mono | amount | status | date.
• status: ‘active’ | ‘pending’ | ‘error’.
• rowAction: ‘none’ | ‘expand’ | ‘drawer’ | ‘modal’.
• Nu inventa props în afara tipului TableData.
• Stiluri: doar tokens GDS / --gds-accent; fără hex hardcodat.

Sursă

• projects/gds-angular/src/lib/components/gds-table.component.ts
• projects/gds-core/src/lib/blocks.ts