Cell data types

The editorType field on a column tags the column with a type. This drives three different behaviours:

Effect Driven by editorType
Which inline editor opens on F2 / double-click yes - text / number / date / datetime / checkbox
Which sort comparator is used yes - number and date/datetime pick non-default sortFns
Which filter operators the column menu offers yes - text / number / date / checkbox sets differ

Setting it

const columns: ColumnDef<{}, Person>[] = [
  { field: 'firstName',  header: 'First',    editorType: 'text' },
  { field: 'age',        header: 'Age',      editorType: 'number' },
  { field: 'joinedAt',   header: 'Joined',   editorType: 'date' },
  { field: 'startTime',  header: 'Start',    editorType: 'datetime' },
  { field: 'active',     header: 'Active',   editorType: 'checkbox' },
]

Even if you do not enable inline editing, set editorType so sort and filter behave correctly for the column's data type. A number column without editorType sorts as lexical strings.

Built-in types

editorType accepted value space
'text' strings
'number' numbers (or numeric strings)
'date' ISO date strings (YYYY-MM-DD) or Date
'datetime' ISO datetime strings or Date
'checkbox' booleans

Custom types

There is no plug-in "register a new cell data type" API. To use a custom type:

Editor value parsing

The editor receives a string from the DOM and converts to the canonical value before commit. The implementation lives in parseEditorValue.

import { parseEditorValue } from 'sv-grid-community'

parseEditorValue('number',   '42')      // 42
parseEditorValue('number',   'abc')     // NaN - caller should reject
parseEditorValue('checkbox', 'true')    // true
parseEditorValue('date',     '2026-05-27')  // '2026-05-27'

See also