• Public
  • Public/Protected
  • All

This is the main Predefined Config interface which developers will populate at design-time.

Typically you will want to "pre-populate" your deployed application with predefined config - the initial state that AdapTable will use when it first loads up.

This ensures that users wont see an empty AdapTable instance but, rather, one full of reports, searches, conditional styles etc that allow them to be productive immediately.

Further AdapTable Help Resources

Demo Site | Adaptable State ReadMe

Predefined Config consists of a series of (nullable) properties that themselves each implement Config State.

Users only need to provide config for those properties which they want intial state, and within each object every object is nullable (with default values) so only those elements which differ from the default implementation need to be provided.

The State items in Predefined Config can be conceptually be put into 2 categories:

  • Design-Time: Cannot be overriden & saved by users (e.g. Menus, Entitlements etc.)

  • Run-Time: Can be overriden & saved by user's actions (and persisted through State Management)

If you don't want your users to edit the Adaptable Objects that you ship in PredefinedConfig, then set the Entitlement for that function to be ReadOnly.

This object when populated forms the predefinedConfig property in adaptableOptions. It can be passed in either as pure JSON or as a url to a file which contains the JSON.

Although you can construct all your config by hand, its often easier when building more "complex" items like Queries to create them in the GUI at design time and then copy and paste the resulting state into your config file.


Many objects in AdapTable (e.g Custom Sorts, User Menus, Action Columns etc.) include 'functions' that developers can provide when it makes sense to use a custom implementation rather than one provided by AdapTable.

But this provides a problem for Predefined Config, because it is stored as JSON which means it can only contain elements which can be 'stringified' (and that excludes functions).

The solution is that Predefined Config contains a named reference to the function but the actual implementation is elsewhere (in the UserFunctions section of AdaptableOptions).

Revision Property

The concept behind Predefined Config is that it provides - at design-time - the objects, entitlements and theme for initial use of the Application.

It is read once and merged into the user's Adaptable State, and then any run-time changes which users make will form part of their State and be continually updated.

But sometimes developers might want to update a section in Predefined Config while ensuring that the rest of the user's State remains untouched.

This can be accomplished through the Revision property in Config State (the base interface for all User State sections).

Simply put: if you increment (or provide from new) the revision number in a section of Predefined Config, AdapTable will replace that section (but only that section) in the user's State with the new Config.

This is, currently, replace only, so you cannot use Revisions to merge a new Layout section in Predefined Config with the user's Layouts in State.

But you can, for example, provide a new CustomSort section in Predefined Config which will replace the user's Custom Sorts in State while keeping their Layouts and other state elements untouched (see example below).

export default {
  CustomSort: {
    Revision: 2, // This section will replace the Custom Sort section in User State if the Revision Number is greater than the one currently in User State
    CustomSorts: [
      ColumnId: 'Rating',
      SortedValues: ['AAA', 'AA+', 'AA', 'AA-'], // etc.
       ColumnId: 'Country',
       CustomSortComparerFunction: 'country',
       ColumnId: 'currency',
       CustomSortComparerFunction: 'currency',
} as PredefinedConfig;


Most objects in PredefinedConfig implement the AdaptableObject interface.

This has a single Uuid property which is used for easy identification of objects and to make it easy for AdapTable instances to share state and inform each other when an item has been created / edited / deleted..

This is included by AdapTable in all base objects and also frequently used objects like Expressions.

Do not set this property when writing objects in your Predefined Config as it will be set by AdapTable at run-tine when the config is first read

Bespoke State

The Application State property of Predefined Config contains an ApplicationDataEntries array.

This is essentially a set of key / value pairs that you can populate with any data that you want and which AdapTable will store in its state.

Predefined Config Contents

State Property Saveable Details
ActionColumn No Create dynamic columns with Buttons that fire events
Alert Yes Provide Alert Definitions which will trigger run-time alerts
Application No Save your own state as key / value pairs
BulkUpdate Yes Update multiple cells in a column to contain a new value
CalculatedColumn Yes Create custom columns with dynamic values based on expression
Calendar Yes Select or provide your own calendar for dealing with holidays
CellSummary Yes Choose which summary operations to see for selected cells
CellValidation Yes Provide (complex) rules to validate cell edits
ConditionalStyle Yes Dynamically Style columns & rows according to rules provided
CustomSort Yes Build your own sort orders for columns with non-standard sorts
Dashboard Yes Configure & populate the Dasboard area (abov the main grid)
DataSource Yes Provide Data Sources that will populate Grid via the server
Entitlements No Manage permissions so users only see relevant functions
Export Yes Create reports to export data from grid to numerous loctions
Filter Yes Manages creation & saving of System and Column filters
FlashingCell Yes Specify how cells will briefly flash as their values change
FormatColumn Yes Style a column so it always has a particular set of colours
FreeTextColumn Yes Special free entry columns (e.g. Comments) saved with state
GradientColumn Yes Style columns so that back colour is in ratio to cell contents
Layout Yes Named views of column sorts, order, pivots, visbility & groups
PercentBar Yes Columns which display a bar that is filled based on cell value
Schedule Yes Set Functions (e.g. E
PlusMinus Yes Specify how cells will nudge when '+' and '-' keys are pressed
Query Yes Create saveable multi-column searches with multiple criteria
QuickSearch Yes Run a text based search across whole grid (using wildcards)
Schedule Yes Schedule alerts to run to remind you of actions to perform
Shortcut Yes Avoid fat finger issues by creating keyboard shortcuts
SmartEdit Yes Update multiple numeric cells with a single maths operation
SystemStatus No Show Messages and Alerts describing curent Status of the App
Theme Yes Select with shipped Theme is used or provide a custom one
ToolPanel Yes Manage AdapTable ToolPanel (the area to the right of grid)
UpdatedRow Yes Colour (and jump to) rows whose contents have changed
UserFilter Yes Create your own filters baseed on your data and requirements
UserInterface No Provide your own menus, styles and colour palettes

Predefined Config Contents (plugins)

State Property Plugin Details
Chart Chart Visualise grid data using a variety of different chart types
SparklineColumn Chart See columns containing ranges of data as a sparkline
Glue42 Glue42 Specify how to send live 2-way data to / from excel via Glue42

Predefined Config Example

export default {
 Dashboard: {
   Tabs: [
           Name: 'Search',
           Toolbars: ['QuickSearch', 'DataSource', 'Query'],
           Name: 'Edit',
           Toolbars: ['BulkUpdate','SmartEdit'],
           Name: 'Grid',
           Toolbars: ['Layout', 'CellSummary', 'SystemStatus', 'appToolbar']
 SmartEdit: {
   SmartEditValue: 10,
 QuickSearch: {
    QuickSearchText: 'g*',
    Style: {
      BackColor: '#ffff00',
      ForeColor: '#8b0000',
 Export: {
   CurrentReport: 'High Freight',
   Reports: [
       Name: 'High Freight',
       ReportColumnScope: 'ScopeColumns',
       ReportRowScope: 'ExpressionRows',
       Scope: {
         ColumnIds: [
        Expression: '[Freight]> 500'
  CustomSort: {
    Customsorts: [
        ColumnId: 'Employee',
        SortedValues: [
          'Margaret Peacock',
          'Steven Buchanan',
          'Janet Leverling',
  ConditionalStyle: {
    ConditionalStyles: [
        Scope: { DataTypes: ['Number'] },
        Style: {
          ForeColor: '#008000',
        Predicate: { PredicateId: 'Positive' },
        Scope: { DataTypes: ['Number'] },
        Style: {
          ForeColor: '#ff0000',
        Predicate: { PredicateId: 'Negative' },
        Scope: { ColumnIds: ['InvoicedCost'] }
        Style: {
          BackColor: '#ffffcc',
          FontStyle: 'Italic',
          ForeColor: '#000000',
        Expression: '[InvoicedCost]> 2000 AND [ItemCount] > 30'
  Layout: {
    CurrentLayout: 'Orders View',
    Layouts: [
        Columns: [
          Name: 'Orders View',
        Columns: [
        ColumnSorts: [
            Column: 'ShipName',
            SortOrder: 'Asc',
        Name: 'Shipping View',
  FormatColumn: {
    FormatColumns: [
        Scope: { ColumnIds: ['OrderId'] },
        Style: {
          BackColor: '#d4fb79',
          ForeColor: '#8b0000',
          FontWeight: 'Normal',
          FontStyle: 'Normal',
          ClassName: '',

} as PredefinedConfig;

In this example we have configured the Dashboard, set the Smart Edit value, configured Quick Search and supplied Export (Reports), Custom Sort, Conditional Style, Layout and Format Column config objects.


  • PredefinedConfig



Optional ActionColumn

ActionColumn: ActionColumnState

Columns that contain buttons which, when clicked, fire an event giving detials of the button and the row in which its placed.

This section can only be populated at Design Time. It cannot be updated or amended by the User at Yes.

(Note: Action Column State can be updated via AdaptableApi but these updates will not be persisted).

Optional Alert

Alert: AlertState

Supplies a collection of Alert Definition objects which will fire when their definition is triggered, and where Alerts are displayed.

Optional Application

Application: ApplicationState

A deliberately empty state section, thereby available for the User to manage their own additional values (or whatever form they want) with the rest of AdapTable state.

This section can only be populated at Design Time. It cannot be updated or amended by the User at Yes.

(Note: Application State can be updated via AdaptableApi but these updates will not be persisted).

Optional BulkUpdate

BulkUpdate: BulkUpdateState

Provides an initial BulkUpdateValue to enable replacing multiple cells with a single value.

Optional CalculatedColumn

CalculatedColumn: CalculatedColumnState

Supplies a collection of CalculatedColumn objects that will display a value based on other cells in the row (using a Calculated Column Expression).

Optional Calendar

Calendar: CalendarState

Defines which is the Current Holiday Calendar.

Optional CellSummary

CellSummary: CellSummaryState

Lists which SummaryOperation indicators are available when selecting multiple cells.

Optional CellValidation

CellValidation: CellValidationState

Supplies a collection of CellValidation objects to ensure that data entry meets user rules and requirements.

Optional Chart

Chart: ChartState

Supplies a collection of Chart objects to enable seeing grid data visually in chart format.

Requires the Chart Plugin to be enabled.

Optional ConditionalStyle

ConditionalStyle: ConditionalStyleState

Supplies a collection of ConditionalStyle objects to provides columns and rows with a particular style when the data matches a given rule.

Optional CustomSort

CustomSort: CustomSortState

Supplies a collection of Custom Sort objects to allow some columns to be sorted in non-standard (e.g. non alphabetical) ways.

Optional Dashboard

Dashboard: DashboardState

Large series of properties to give users full control over the look and feel of the Dashboard - the section above the grid with toolbars and buttons.

Optional DataSource

DataSource: DataSourceState

Supplies a collection of DataSource objects to facilitate replacing the DataSource in the Grid with an alternate set of data (e.g. a Book or Stored Proc name).

Optional Entitlements

Entitlements: EntitlementState

Defines which Functions are available to the User and whether as Full, ReadOnly or Hidden.

The default is that all functions are fully availalbe so apply Entitlements Config if you wish to restrict access.

This section can only be populated at Design Time. It cannot be updated or amended by the User at Yes.

(Note: Entitlement State can be updated via AdaptableApi but these updates will not be persisted).

Optional Export

Export: ExportState

Supplies a collection of Report objects, together with name of the Current Report, as part of AdapTable export Function.

Optional Filter

Filter: FilterState

Provides details of which Filters should be available / running at start-up. It includes

  • System Filters - users can provide a list of which System Filters should be available (if no values are listed, then all will be).

    • Filter Predicates - A set of bespoke User Predicates that have been created at design-timee.
  • Column Filters - which column filters should be applied at start-up

Optional FlashingCell

FlashingCell: FlashingCellState

Supplies a collection of FlashingCell objects to set up which columns should flash when their contents change and how. Also includes default values to facilitiate creating new flashing cell columns.

Optional FormatColumn

FormatColumn: FormatColumnState

Supplies a collection of FormatColumn objects that will style an entire column in a single way (and not subject to a rule like with Conditional Style).

Optional FreeTextColumn

FreeTextColumn: FreeTextColumnState

Supplies a collection of FreeText objects so users can make their own notes in bespoke columns that will get stored with their state (and not with the DataSource). Useful if needing a 'Comments' column.

Optional GradientColumn

GradientColumn: GradientColumnState

Supplies a collection of GradientColumn objects that will style the cells in a column according to the proporation of its value tp a given maximum value.

Optional Layout

Layout: LayoutState

Supplies a collection of Layout objects to name and manage groups of column visibility, order and sorts.

Optional PercentBar

PercentBar: PercentBarState

Supplies a collection of PercentBar objects which will display numeric columns as a coloured bar, the fill of which is bassed on the cell value.

Optional PlusMinus

PlusMinus: PlusMinusState

Supplies a collection of PlusMinus rule objects to stipulate what happens when the user clicks '+' or '-' in a numeric cell.

Optional Query

Query: QueryState

Lists any Shared Queries which should be available for use across all AdapTable functions.

Also includes CurrentQuery - an Expression that will be run at start-up.

Optional QuickSearch

QuickSearch: QuickSearchState

Configues how Quick Search will run i.e. how and whether to highlight matching cells and to filter out non-matching rows.

Optional Schedule

Schedule: ScheduleState

Supplies a collection of Schedule objects.

Optional Shortcut

Shortcut: ShortcutState

Supplies a collection of Shortcut objects to aid data entry and prevent 'fat finger' issues.

Optional SmartEdit

SmartEdit: SmartEditState

Provides the initial Smart Edit Operation to use (the default is Multiply) and the initial Smart Edit Value.

Optional SparklineColumn

SparklineColumn: SparklineColumnState

Columns that contain sparklines - should be columns that have arrays of numbers as their values, so each cell in the column can be rendered as a sparkline chart

This section can only be populated at Design Time. It cannot be updated or amended by the User at Yes.

(Note: Sparkline Column State can be updated via `AdaptableApi`` but these updates will not be persisted).

Optional SystemStatus

SystemStatus: SystemStatusState

Manges the System Status function which allows messages to be sent to the User detailing the health of the running application.

Optional Theme

Theme: ThemeState

Specifies the current Theme and lists the User and System themes available for selection.

Optional ToolPanel

ToolPanel: ToolPanelState

Sets the order and visibility of the Tool Panel controls in the AdapTable ToolPanel (on right of grid)

Optional UpdatedRow

UpdatedRow: UpdatedRowState

Sets whether rows should display differently when a value in the row updates. A different color is used depending on the direction of the change.

Optional UserInterface

UserInterface: UserInterfaceState

State that manages UI elements in AdapTable e.g. which colours to put in the default palette.

Also allows users to specify css class names which can then be used in Styling functions (e.g. Conditional Style) in place of having to define the style.

This section can only be populated at Design Time. It cannot be updated or amended by the User at Yes.

(Note: User Interface State can be updated via AdaptableApi but these updates will not be persisted).

Generated using TypeDoc