Skip to main content


Basic examples to help you get started with Active Table.

Unique column types

This example makes use of the customColumnsSettings property to set static types for individual columns. The Date Created column has two available date formats.

View Code

Not editable

Data in this table cannot be changed.

View Code

Dark theme

Table configuration for a dark design.

View Code

Dynamic updates

The programmatic cell update functionality is provided by the updateCell method that exists on the component element reference. The example additionally makes use of properties like customColumnsSettings and stripedRows to set a stock related look. Whilst all of the columns are set to not be editable, the Stock column allows its data to be changed and its rows to be sorted.

View Code