Timestamp columns.

Nine Discord-style formats, relative refresh and exact-date tooltip.

RAW DATA · ISO date / Unix time

01Render

Nine Discord-style formats, relative refresh and exact-date tooltip.

02Filter

Click Filter and configure this column.

03Edit

Double-click a value to change it.

INTERACTIVE EXAMPLE

Try timestamp in context

Switch formats and hover the timestamp.

Preparing interactive table…

QUICK START

const columns: GridColumn<Row>[] = [
  {
    key: 'timestamp',
    title: 'Last activity',
    kind: 'timestamp',
    editable: true,
    cellOptions: {"timestampFormat":"R","relativeRefreshMs":60000,"locale":"en-US"},
  },
]

ABOUT THE DATA

Raw values stay raw.

The renderer changes how a cell looks. Sorting, filtering, editing and CSV export work with the underlying value, so integrations can use stable types.

Explore feature labs