@kanunilabs/datagrid-react / GridPinnedRowsProps

Interface: GridPinnedRowsProps<TRow>

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:20

Type Parameters

TRow

TRow = GridRowData

Properties

ariaRowBase

ariaRowBase: number

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:57

Rows that precede this block in the ARIA row numbering: the header rows for a top block, plus the pinned-top rows and every data row for a bottom one.

A pinned row IS a row to a screen reader even though it is not one to the row model, so it has to take a number in the same sequence — and the data rows have to move down to make room. DataGrid does both from one count.

bandOffset?

optional bandOffset?: number

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:38

Pixels of BAND rows above. Zero on a grid without column bands.

centerColumns

centerColumns: ReactColumnRuntime<TRow>[]

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:27

centerIndices?

optional centerIndices?: readonly number[]

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:28

checkboxColumn?

optional checkboxColumn?: boolean

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:32

columnModel

columnModel: ColumnModel<TRow>

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:26

detailColumn?

optional detailColumn?: boolean

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:33

gridId

gridId: string

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:21

headerRowsBetween

headerRowsBetween: number

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:48

How many header-height rows sit between this block and its sticky edge: above, the header (1) plus the filter row when shown (2); below, the footer row (1) or nothing (0).

A count rather than a pixel offset because the header's height is a THEME token — --dg-header-height changes with the theme and the density, and a number measured in JS at render time would be the previous theme's.

layout

layout: ColumnLayout<TRow>

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:25

leadingSpacer

leadingSpacer: number

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:30

rowHeight

rowHeight: number

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:36

rowNumberColumn?

optional rowNumberColumn?: boolean

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:35

Leading row-number column (gap analysis P3.5).

rows

rows: readonly TRow[]

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:24

side

side: "top" | "bottom"

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:23

Which edge — decides the sticky side and the border.

stickyInsets?

optional stickyInsets?: ReadonlyMap<string, number>

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:29

trailingSpacer

trailingSpacer: number

Defined in: datagrid-react/src/components/GridPinnedRows.tsx:31