value
A value computed from the row, for a cell no single property holds.
| Type | (row: Readonly<T>) => V |
|---|---|
| Default | not set |
Live update (update()) | Yes — give the columns again (update({ columns })) |
| Declared in | packages/core/src/columns/defs.ts |
What it does
Section titled “What it does”value(row) returns the cell’s raw value; the column’s type then reads it as for any other column. The
result is what the grid shows, sorts, filters, searches and exports, so it is a pure function of the row: quick,
with no side effects, the same answer for the same row. It wins over field.
The grid cannot see a change outside the row: a value that depends on something else (the time, another list) is read again when the rows are given again.
Example
Section titled “Example”import { createGrid } from '@dzgrid/dom';import { EN } from '@dzgrid/dom/locales/en';
type Room = { id: string; name: string; width: number; length: number };
createGrid<Room>(document.getElementById('rooms')!, { rows: [{ id: 'r1', name: 'Kitchen', width: 3.2, length: 4.5 }], columns: [ { id: 'name', header: 'Room' }, { id: 'area', header: 'Area (m²)', type: 'number', value: (r) => r.width * r.length }, ], getRowId: (r) => r.id, messages: EN,});