Skip to content

@jsvision/ui / DataGridOptions

Interface: DataGridOptions<T>

Defined in: ui/src/table/data-grid.ts:26

Construction options for DataGrid.

Type Parameters

T

T

Properties

columns

readonly columns: Column<T>[]

Defined in: ui/src/table/data-grid.ts:30

The heterogeneous columns (title + accessor + sizing + optional align/compare/min-max).


command?

readonly optional command?: string

Defined in: ui/src/table/data-grid.ts:42

Command name emitted on Enter/Space activation, handled elsewhere (menu/status/app handler).


focused?

readonly optional focused?: Signal<number>

Defined in: ui/src/table/data-grid.ts:32

The focused (highlighted) POSITIONAL display index (default an internal signal at 0).


indent?

readonly optional indent?: Signal<number>

Defined in: ui/src/table/data-grid.ts:38

The horizontal cell offset (default an internal signal at 0; shared with the horizontal bar).


onSelect?

readonly optional onSelect?: (index, row) => void

Defined in: ui/src/table/data-grid.ts:40

Activation callback (Enter/Space or double-click); index is the display-order row, row the value.

Parameters

index

number

row

T

Returns

void


rows

readonly rows: Signal<T[]>

Defined in: ui/src/table/data-grid.ts:28

The source rows (source order; the grid sorts the display only).


selected?

readonly optional selected?: Signal<number>

Defined in: ui/src/table/data-grid.ts:34

The selected (chosen) display index (default an internal signal at -1).


sort?

readonly optional sort?: Signal<SortState>

Defined in: ui/src/table/data-grid.ts:36

The active sort (default an internal signal at null = source order).


zebra?

readonly optional zebra?: boolean

Defined in: ui/src/table/data-grid.ts:44

Stripe odd rows for readability (below focus/selection in priority; default false).