AdaptableState

The Adaptable State is an JavaScript object you pass to the <Adaptable.Provider /> component and describes the current state of the Adaptable instance.

It contains information on views, styled cells, custom sorts, dashboard, quick search and all the other Adaptable modules.

Each module has it's own property in the state object - eg: for dashboard use state.dashboard and for the view module use state.view.

Most importantly, the state also defines the primaryKey of the data in Adaptable.

TypeScript
interface AdaptableState extends
Extends

Internal_AdaptableState

Properties

PropertyDescription
alertControls the state for the alerts
configControls the state for the Config module - this includes the color palette and the application name.
contextMenuConfigures the state for the Context Menu module
customSortConfigures the state for the Custom Sort module
dashboardControls the Dashboard state
exportControls the state for the export module - configures which reports are available
flashingCellControls the state for the Flashing Cells module
globalEntitiesDefines what columns are available in Adaptable.
gridControls the state for managing grid properties used to render the grid - row height, column header height, zebra rows and more.
quickSearchControls the Quick Search state
styledCellHandles the state for styled cells definitions
themeSpecifies the theme for the AdapTable instance
viewConfigures the state for the your views

Property Details

alert

Controls the state for the alerts

TypeScript
alert: AlertState;
Property Value

AlertState

config

Controls the state for the Config module - this includes the color palette and the application name.

TypeScript
config: ConfigState;
Property Value

ConfigState

contextMenu

Configures the state for the Context Menu module

TypeScript
contextMenu: ContextMenuState;
Property Value

ContextMenuState

customSort

Configures the state for the Custom Sort module

TypeScript
customSort: CustomSortState;
Property Value

CustomSortState

dashboard

Controls the Dashboard state

TypeScript
dashboard: DashboardState;
Property Value

DashboardState

export

Controls the state for the export module - configures which reports are available

TypeScript
export: ExportState;
Property Value

ExportState

flashingCell

Controls the state for the Flashing Cells module

TypeScript
flashingCell: FlashingCellsState;
Property Value

FlashingCellsState

globalEntities

Defines what columns are available in Adaptable.

TypeScript
globalEntities?: AdaptableStateEntities;
Property Value

AdaptableStateEntities

grid

Controls the state for managing grid properties used to render the grid - row height, column header height, zebra rows and more.

TypeScript
grid: GridState;
Property Value

GridState

quickSearch

Controls the Quick Search state

TypeScript
quickSearch: QuickSearchState;
Property Value

QuickSearchState

styledCell

Handles the state for styled cells definitions

TypeScript
styledCell: StyledCellState;
Property Value

StyledCellState

theme

Specifies the theme for the AdapTable instance

TypeScript
theme: AdaptableThemeState;
Property Value

AdaptableThemeState

view

Configures the state for the your views

TypeScript
view: AdaptableViewState;
Property Value

AdaptableViewState