Skip to content

RevoGrid Documentation v4.27.11 ​

AutoAddRowsPlugin ​

Automatically adds new rows when pasted data is larger than current rows newRows - is triggered when new rows are added. Data of new rows can be filled with default values. If the event is prevented, no rows will be added

Extends ​

Constructors ​

new AutoAddRowsPlugin() ​

ts
new AutoAddRowsPlugin(revogrid: HTMLRevoGridElement, providers: PluginProviders): AutoAddRowsPlugin
Parameters ​
ParameterType
revogridHTMLRevoGridElement
providersPluginProviders
Returns ​

AutoAddRowsPlugin

Overrides ​

BasePlugin.constructor

Defined in ​

src/plugins/add-rows-on-paste.plugin.ts:9

Properties ​

PropertyModifierTypeDefault valueInherited fromDefined in
hreadonlytypeof hhBasePlugin.hsrc/plugins/base.plugin.ts:13
providerspublicPluginProvidersundefinedBasePlugin.providerssrc/plugins/base.plugin.ts:15
revogridpublicHTMLRevoGridElementundefinedBasePlugin.revogridsrc/plugins/base.plugin.ts:15
subscriptionsreadonlyRecord<string, (...args: any[]) => void>{}BasePlugin.subscriptionssrc/plugins/base.plugin.ts:14

Methods ​

addEventListener() ​

ts
addEventListener<K>(eventName: K, callback: (this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => void): void
Type Parameters ​
Type Parameter
K extends keyof HTMLRevoGridElementEventMap
Parameters ​
ParameterTypeDescription
eventNameKevent name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')
callback(this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => voidcallback function for event
Returns ​

void

Inherited from ​

BasePlugin.addEventListener

Defined in ​

src/plugins/base.plugin.ts:21


clearSubscriptions() ​

ts
clearSubscriptions(): void

Clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.clearSubscriptions

Defined in ​

src/plugins/base.plugin.ts:90


destroy() ​

ts
destroy(): void

Destroy plugin and clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.destroy

Defined in ​

src/plugins/base.plugin.ts:99


emit() ​

ts
emit<T>(eventName: string, detail?: T): CustomEvent<T>

Emit event from revo-grid component Event can be cancelled by calling event.preventDefault() in callback

Type Parameters ​
Type ParameterDefault type
Tany
Parameters ​
ParameterType
eventNamestring
detail?T
Returns ​

CustomEvent<T>

Inherited from ​

BasePlugin.emit

Defined in ​

src/plugins/base.plugin.ts:81


handleBeforePasteApply() ​

ts
handleBeforePasteApply(event: CustomEvent<{
  event: ClipboardEvent;
  parsed: string[][];
  raw: string;
 }>): void
Parameters ​
ParameterType
eventCustomEvent<{ event: ClipboardEvent; parsed: string[][]; raw: string; }>
Returns ​

void

Defined in ​

src/plugins/add-rows-on-paste.plugin.ts:16


removeEventListener() ​

ts
removeEventListener(eventName: string): void

Remove event listener

Parameters ​
ParameterTypeDescription
eventNamestring
Returns ​

void

Inherited from ​

BasePlugin.removeEventListener

Defined in ​

src/plugins/base.plugin.ts:72


watch() ​

ts
watch<T>(
   prop: string, 
   callback: (arg: T) => boolean | void, 
   immediate: Partial<WatchConfig>): void

Subscribe to property change in revo-grid component You can return false in callback to prevent default value set

Type Parameters ​
Type Parameter
T extends unknown
Parameters ​
ParameterTypeDescription
propstringproperty name
callback(arg: T) => boolean | voidcallback function
immediatePartial<WatchConfig>trigger callback immediately with current value
Returns ​

void

Inherited from ​

BasePlugin.watch

Defined in ​

src/plugins/base.plugin.ts:37


AutoSizeColumnPlugin ​

Base layer for plugins Provide minimal starting core for plugins to work Extend this class to create plugin

Extends ​

Constructors ​

new AutoSizeColumnPlugin() ​

ts
new AutoSizeColumnPlugin(
   revogrid: HTMLRevoGridElement, 
   providers: PluginProviders, 
   config?: AutoSizeColumnConfig): AutoSizeColumnPlugin
Parameters ​
ParameterType
revogridHTMLRevoGridElement
providersPluginProviders
config?AutoSizeColumnConfig
Returns ​

AutoSizeColumnPlugin

Overrides ​

BasePlugin.constructor

Defined in ​

src/plugins/column.auto-size.plugin.ts:75

Properties ​

PropertyModifierTypeDefault valueDescriptionInherited fromDefined in
autoSizeColumnspublicnull | Partial<AutoSizeColumns>null--src/plugins/column.auto-size.plugin.ts:65
config?publicAutoSizeColumnConfigundefined--src/plugins/column.auto-size.plugin.ts:78
dataRejectpublicnull | Rejectnull--src/plugins/column.auto-size.plugin.ts:73
dataResolvepublicnull | Resolvenullfor edge case when no columns defined before data-src/plugins/column.auto-size.plugin.ts:72
hreadonlytypeof hh-BasePlugin.hsrc/plugins/base.plugin.ts:13
letterBlockSizereadonlynumberundefined--src/plugins/column.auto-size.plugin.ts:66
precsizeCalculationAreareadonlyHTMLElementundefinedfor config option when preciseSize enabled-src/plugins/column.auto-size.plugin.ts:69
providerspublicPluginProvidersundefined-BasePlugin.providerssrc/plugins/column.auto-size.plugin.ts:77
revogridpublicHTMLRevoGridElementundefined-BasePlugin.revogridsrc/plugins/base.plugin.ts:15
subscriptionsreadonlyRecord<string, (...args: any[]) => void>{}-BasePlugin.subscriptionssrc/plugins/base.plugin.ts:14

Methods ​

addEventListener() ​

ts
addEventListener<K>(eventName: K, callback: (this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => void): void
Type Parameters ​
Type Parameter
K extends keyof HTMLRevoGridElementEventMap
Parameters ​
ParameterTypeDescription
eventNameKevent name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')
callback(this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => voidcallback function for event
Returns ​

void

Inherited from ​

BasePlugin.addEventListener

Defined in ​

src/plugins/base.plugin.ts:21


afterEditAll() ​

ts
afterEditAll(e: EditEvent): void
Parameters ​
ParameterType
eEditEvent
Returns ​

void

Defined in ​

src/plugins/column.auto-size.plugin.ts:216


afteredit() ​

ts
afteredit(e: EditEvent): void
Parameters ​
ParameterType
eEditEvent
Returns ​

void

Defined in ​

src/plugins/column.auto-size.plugin.ts:184


clearPromise() ​

ts
clearPromise(): void
Returns ​

void

Defined in ​

src/plugins/column.auto-size.plugin.ts:287


clearSubscriptions() ​

ts
clearSubscriptions(): void

Clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.clearSubscriptions

Defined in ​

src/plugins/base.plugin.ts:90


columnSet() ​

ts
columnSet(columns: Record<DimensionCols, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]>): void
Parameters ​
ParameterType
columnsRecord<DimensionCols, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]>
Returns ​

void

Defined in ​

src/plugins/column.auto-size.plugin.ts:260


destroy() ​

ts
destroy(): void

Destroy plugin and clear all subscriptions

Returns ​

void

Overrides ​

BasePlugin.destroy

Defined in ​

src/plugins/column.auto-size.plugin.ts:316


emit() ​

ts
emit<T>(eventName: string, detail?: T): CustomEvent<T>

Emit event from revo-grid component Event can be cancelled by calling event.preventDefault() in callback

Type Parameters ​
Type ParameterDefault type
Tany
Parameters ​
ParameterType
eventNamestring
detail?T
Returns ​

CustomEvent<T>

Inherited from ​

BasePlugin.emit

Defined in ​

src/plugins/base.plugin.ts:81


getColumnSize() ​

ts
getColumnSize(index: number, type: DimensionCols): number
Parameters ​
ParameterType
indexnumber
typeDimensionCols
Returns ​

number

Defined in ​

src/plugins/column.auto-size.plugin.ts:238


getLength() ​

ts
getLength(len?: any): number
Parameters ​
ParameterType
len?any
Returns ​

number

Defined in ​

src/plugins/column.auto-size.plugin.ts:165


initiatePresizeElement() ​

ts
initiatePresizeElement(): HTMLElement
Returns ​

HTMLElement

Defined in ​

src/plugins/column.auto-size.plugin.ts:296


isRangeEdit() ​

ts
isRangeEdit(e: EditEvent): e is BeforeRangeSaveDataDetails
Parameters ​
ParameterType
eEditEvent
Returns ​

e is BeforeRangeSaveDataDetails

Defined in ​

src/plugins/column.auto-size.plugin.ts:292


removeEventListener() ​

ts
removeEventListener(eventName: string): void

Remove event listener

Parameters ​
ParameterTypeDescription
eventNamestring
Returns ​

void

Inherited from ​

BasePlugin.removeEventListener

Defined in ​

src/plugins/base.plugin.ts:72


setSource() ​

ts
setSource(source: DataType[]): Promise<void>
Parameters ​
ParameterType
sourceDataType[]
Returns ​

Promise<void>

Defined in ​

src/plugins/column.auto-size.plugin.ts:131


watch() ​

ts
watch<T>(
   prop: string, 
   callback: (arg: T) => boolean | void, 
   immediate: Partial<WatchConfig>): void

Subscribe to property change in revo-grid component You can return false in callback to prevent default value set

Type Parameters ​
Type Parameter
T extends unknown
Parameters ​
ParameterTypeDescription
propstringproperty name
callback(arg: T) => boolean | voidcallback function
immediatePartial<WatchConfig>trigger callback immediately with current value
Returns ​

void

Inherited from ​

BasePlugin.watch

Defined in ​

src/plugins/base.plugin.ts:37


BasePlugin ​

Base layer for plugins Provide minimal starting core for plugins to work Extend this class to create plugin

Extended by ​

Implements ​

Constructors ​

new BasePlugin() ​

ts
new BasePlugin(revogrid: HTMLRevoGridElement, providers: PluginProviders): BasePlugin
Parameters ​
ParameterType
revogridHTMLRevoGridElement
providersPluginProviders
Returns ​

BasePlugin

Defined in ​

src/plugins/base.plugin.ts:15

Properties ​

PropertyModifierTypeDefault valueDefined in
hreadonlytypeof hhsrc/plugins/base.plugin.ts:13
providerspublicPluginProvidersundefinedsrc/plugins/base.plugin.ts:15
revogridpublicHTMLRevoGridElementundefinedsrc/plugins/base.plugin.ts:15
subscriptionsreadonlyRecord<string, (...args: any[]) => void>{}src/plugins/base.plugin.ts:14

Methods ​

addEventListener() ​

ts
addEventListener<K>(eventName: K, callback: (this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => void): void
Type Parameters ​
Type Parameter
K extends keyof HTMLRevoGridElementEventMap
Parameters ​
ParameterTypeDescription
eventNameKevent name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')
callback(this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => voidcallback function for event
Returns ​

void

Defined in ​

src/plugins/base.plugin.ts:21


clearSubscriptions() ​

ts
clearSubscriptions(): void

Clear all subscriptions

Returns ​

void

Defined in ​

src/plugins/base.plugin.ts:90


destroy() ​

ts
destroy(): void

Destroy plugin and clear all subscriptions

Returns ​

void

Implementation of ​

PluginBaseComponent.destroy

Defined in ​

src/plugins/base.plugin.ts:99


emit() ​

ts
emit<T>(eventName: string, detail?: T): CustomEvent<T>

Emit event from revo-grid component Event can be cancelled by calling event.preventDefault() in callback

Type Parameters ​
Type ParameterDefault type
Tany
Parameters ​
ParameterType
eventNamestring
detail?T
Returns ​

CustomEvent<T>

Defined in ​

src/plugins/base.plugin.ts:81


removeEventListener() ​

ts
removeEventListener(eventName: string): void

Remove event listener

Parameters ​
ParameterTypeDescription
eventNamestring
Returns ​

void

Defined in ​

src/plugins/base.plugin.ts:72


watch() ​

ts
watch<T>(
   prop: string, 
   callback: (arg: T) => boolean | void, 
   immediate: Partial<WatchConfig>): void

Subscribe to property change in revo-grid component You can return false in callback to prevent default value set

Type Parameters ​
Type Parameter
T extends unknown
Parameters ​
ParameterTypeDescription
propstringproperty name
callback(arg: T) => boolean | voidcallback function
immediatePartial<WatchConfig>trigger callback immediately with current value
Returns ​

void

Defined in ​

src/plugins/base.plugin.ts:37


ColumnMovePlugin ​

Base layer for plugins Provide minimal starting core for plugins to work Extend this class to create plugin

Extends ​

Constructors ​

new ColumnMovePlugin() ​

ts
new ColumnMovePlugin(revogrid: HTMLRevoGridElement, providers: PluginProviders): ColumnMovePlugin
Parameters ​
ParameterType
revogridHTMLRevoGridElement
providersPluginProviders
Returns ​

ColumnMovePlugin

Overrides ​

BasePlugin.constructor

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:99

Properties ​

PropertyModifierTypeDefault valueInherited fromDefined in
hreadonlytypeof hhBasePlugin.hsrc/plugins/base.plugin.ts:13
localSubscriptionsreadonlyLocalSubscriptions{}-src/plugins/moveColumn/column.drag.plugin.ts:97
orderUireadonlyColumnOrderHandlerundefined-src/plugins/moveColumn/column.drag.plugin.ts:96
providerspublicPluginProvidersundefinedBasePlugin.providerssrc/plugins/base.plugin.ts:15
revogridpublicHTMLRevoGridElementundefinedBasePlugin.revogridsrc/plugins/base.plugin.ts:15
subscriptionsreadonlyRecord<string, (...args: any[]) => void>{}BasePlugin.subscriptionssrc/plugins/base.plugin.ts:14

Methods ​

addEventListener() ​

ts
addEventListener<K>(eventName: K, callback: (this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => void): void
Type Parameters ​
Type Parameter
K extends keyof HTMLRevoGridElementEventMap
Parameters ​
ParameterTypeDescription
eventNameKevent name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')
callback(this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => voidcallback function for event
Returns ​

void

Inherited from ​

BasePlugin.addEventListener

Defined in ​

src/plugins/base.plugin.ts:21


clearOrder() ​

ts
clearOrder(): void
Returns ​

void

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:306


clearSubscriptions() ​

ts
clearSubscriptions(): void

Clearing subscription

Returns ​

void

Overrides ​

BasePlugin.clearSubscriptions

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:316


destroy() ​

ts
destroy(): void

Destroy plugin and clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.destroy

Defined in ​

src/plugins/base.plugin.ts:99


doMove() ​

ts
doMove(e: MouseEvent): void
Parameters ​
ParameterType
eMouseEvent
Returns ​

void

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:186


dragStart() ​

ts
dragStart(__namedParameters: DragStartEventDetails): void
Parameters ​
ParameterType
__namedParametersDragStartEventDetails
Returns ​

void

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:128


emit() ​

ts
emit<T>(eventName: string, detail?: T): CustomEvent<T>

Emit event from revo-grid component Event can be cancelled by calling event.preventDefault() in callback

Type Parameters ​
Type ParameterDefault type
Tany
Parameters ​
ParameterType
eventNamestring
detail?T
Returns ​

CustomEvent<T>

Inherited from ​

BasePlugin.emit

Defined in ​

src/plugins/base.plugin.ts:81


move() ​

ts
move(e: MouseEvent): void
Parameters ​
ParameterType
eMouseEvent
Returns ​

void

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:224


onMouseOut() ​

ts
onMouseOut(_: MouseEvent): void
Parameters ​
ParameterType
_MouseEvent
Returns ​

void

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:235


onMouseUp() ​

ts
onMouseUp(e: MouseEvent): void
Parameters ​
ParameterType
eMouseEvent
Returns ​

void

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:238


removeEventListener() ​

ts
removeEventListener(eventName: string): void

Remove event listener

Parameters ​
ParameterTypeDescription
eventNamestring
Returns ​

void

Inherited from ​

BasePlugin.removeEventListener

Defined in ​

src/plugins/base.plugin.ts:72


watch() ​

ts
watch<T>(
   prop: string, 
   callback: (arg: T) => boolean | void, 
   immediate: Partial<WatchConfig>): void

Subscribe to property change in revo-grid component You can return false in callback to prevent default value set

Type Parameters ​
Type Parameter
T extends unknown
Parameters ​
ParameterTypeDescription
propstringproperty name
callback(arg: T) => boolean | voidcallback function
immediatePartial<WatchConfig>trigger callback immediately with current value
Returns ​

void

Inherited from ​

BasePlugin.watch

Defined in ​

src/plugins/base.plugin.ts:37


DataStore<T, ST> ​

Data store Manage the state of a data source and provide methods for updating, adding, and refreshing the data.

Type Parameters ​

Type Parameter
T extends GDataType
ST extends GDimension

Constructors ​

new DataStore() ​

ts
new DataStore<T, ST>(type: ST, storeData?: DSourceState<T, ST>): DataStore<T, ST>
Parameters ​
ParameterType
typeST
storeData?DSourceState<T, ST>
Returns ​

DataStore<T, ST>

Defined in ​

src/store/dataSource/data.store.ts:59

Accessors ​

store ​

ts
get store(): Observable<DSourceState<T, ST>>
Returns ​

Observable<DSourceState<T, ST>>

Defined in ​

src/store/dataSource/data.store.ts:56

Methods ​

addTrimmed() ​

ts
addTrimmed(some: Partial<Trimmed>): void
Parameters ​
ParameterType
somePartial<Trimmed>
Returns ​

void

Defined in ​

src/store/dataSource/data.store.ts:133


refresh() ​

ts
refresh(): void
Returns ​

void

Defined in ​

src/store/dataSource/data.store.ts:174


setData() ​

ts
setData(input: Partial<DSourceState<T, ST>>): void
Parameters ​
ParameterType
inputPartial<DSourceState<T, ST>>
Returns ​

void

Defined in ​

src/store/dataSource/data.store.ts:167


setItemsPending() ​

ts
setItemsPending(pending: boolean): void

Keeps visible items empty while an asynchronous source operation is pending. Releasing the state restores the current proxy order with all trims applied.

Parameters ​
ParameterType
pendingboolean
Returns ​

void

Defined in ​

src/store/dataSource/data.store.ts:143


setSourceData() ​

ts
setSourceData(items: Record<number, any>, mutate: boolean): void
Parameters ​
ParameterTypeDefault value
itemsRecord<number, any>undefined
mutatebooleantrue
Returns ​

void

Defined in ​

src/store/dataSource/data.store.ts:162


updateData() ​

ts
updateData(
   source: T[], 
   grouping?: {
  cellRenderer: GroupCellTemplateFunc;
  customRenderer: GroupLabelTemplateFunc;
  depth: number;
  groups: Groups;
 }, 
   silent?: boolean, 
   preserveTrimmed?: boolean): void

full data source update

Parameters ​
ParameterTypeDefault valueDescription
sourceT[]undefineddata column/rgRow source
grouping?objectundefinedgrouping information if present
grouping.cellRenderer?GroupCellTemplateFuncundefined-
grouping.customRenderer?GroupLabelTemplateFuncundefined-
grouping.depth?numberundefined-
grouping.groups?Groupsundefined-
silent?booleanfalseif true, store will be updated without resetting trimmed state
preserveTrimmed?booleanfalseif true, current trimmed indexes will be re-applied to the new source, use with caution because physical indexes may change across full data refreshes
Returns ​

void

Defined in ​

src/store/dataSource/data.store.ts:84


DimensionStore ​

Constructors ​

new DimensionStore() ​

ts
new DimensionStore(type: MultiDimensionType): DimensionStore
Parameters ​
ParameterType
typeMultiDimensionType
Returns ​

DimensionStore

Defined in ​

src/store/dimension/dimension.store.ts:59

Properties ​

PropertyModifierTypeDefined in
storereadonlyObservable<DimensionSettingsState>src/store/dimension/dimension.store.ts:58
typereadonlyMultiDimensionTypesrc/store/dimension/dimension.store.ts:59

Methods ​

dispose() ​

ts
dispose(): void
Returns ​

void

Defined in ​

src/store/dimension/dimension.store.ts:85


drop() ​

ts
drop(): void
Returns ​

void

Defined in ​

src/store/dimension/dimension.store.ts:93


getCurrentState() ​

ts
getCurrentState(): DimensionSettingsState
Returns ​

DimensionSettingsState

Defined in ​

src/store/dimension/dimension.store.ts:71


setDimensionSize() ​

ts
setDimensionSize(sizes: ViewSettingSizeProp): void

Set custom dimension sizes and overwrite old Generates new indexes based on sizes

Parameters ​
ParameterTypeDescription
sizesViewSettingSizePropsizes to set
Returns ​

void

Defined in ​

src/store/dimension/dimension.store.ts:105


setStore() ​

ts
setStore<T>(data: Partial<T>): void
Type Parameters ​
Type Parameter
T extends Record<string, any>
Parameters ​
ParameterType
dataPartial<T>
Returns ​

void

Defined in ​

src/store/dimension/dimension.store.ts:89


updateSizesPositionByIndexes() ​

ts
updateSizesPositionByIndexes(newItemsOrder: number[], prevItemsOrder: number[]): void
Parameters ​
ParameterTypeDefault value
newItemsOrdernumber[]undefined
prevItemsOrdernumber[][]
Returns ​

void

Defined in ​

src/store/dimension/dimension.store.ts:116


ExportCsv ​

Implements ​

Constructors ​

new ExportCsv() ​

ts
new ExportCsv(options: Partial<CSVFormat>): ExportCsv
Parameters ​
ParameterType
optionsPartial<CSVFormat>
Returns ​

ExportCsv

Defined in ​

src/plugins/export/csv.ts:26

Properties ​

PropertyModifierTypeDefined in
optionsreadonlyReadonly<CSVFormat>src/plugins/export/csv.ts:25

Methods ​

doExport() ​

ts
doExport(__namedParameters: DataInput): string
Parameters ​
ParameterType
__namedParametersDataInput
Returns ​

string

Implementation of ​

Formatter.doExport

Defined in ​

src/plugins/export/csv.ts:30


ExportFilePlugin ​

Base layer for plugins Provide minimal starting core for plugins to work Extend this class to create plugin

Extends ​

Constructors ​

new ExportFilePlugin() ​

ts
new ExportFilePlugin(revogrid: HTMLRevoGridElement, providers: PluginProviders): ExportFilePlugin
Parameters ​
ParameterType
revogridHTMLRevoGridElement
providersPluginProviders
Returns ​

ExportFilePlugin

Inherited from ​

BasePlugin.constructor

Defined in ​

src/plugins/base.plugin.ts:15

Properties ​

PropertyModifierTypeDefault valueInherited fromDefined in
hreadonlytypeof hhBasePlugin.hsrc/plugins/base.plugin.ts:13
providerspublicPluginProvidersundefinedBasePlugin.providerssrc/plugins/base.plugin.ts:15
revogridpublicHTMLRevoGridElementundefinedBasePlugin.revogridsrc/plugins/base.plugin.ts:15
subscriptionsreadonlyRecord<string, (...args: any[]) => void>{}BasePlugin.subscriptionssrc/plugins/base.plugin.ts:14

Methods ​

addEventListener() ​

ts
addEventListener<K>(eventName: K, callback: (this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => void): void
Type Parameters ​
Type Parameter
K extends keyof HTMLRevoGridElementEventMap
Parameters ​
ParameterTypeDescription
eventNameKevent name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')
callback(this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => voidcallback function for event
Returns ​

void

Inherited from ​

BasePlugin.addEventListener

Defined in ​

src/plugins/base.plugin.ts:21


clearSubscriptions() ​

ts
clearSubscriptions(): void

Clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.clearSubscriptions

Defined in ​

src/plugins/base.plugin.ts:90


destroy() ​

ts
destroy(): void

Destroy plugin and clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.destroy

Defined in ​

src/plugins/base.plugin.ts:99


emit() ​

ts
emit<T>(eventName: string, detail?: T): CustomEvent<T>

Emit event from revo-grid component Event can be cancelled by calling event.preventDefault() in callback

Type Parameters ​
Type ParameterDefault type
Tany
Parameters ​
ParameterType
eventNamestring
detail?T
Returns ​

CustomEvent<T>

Inherited from ​

BasePlugin.emit

Defined in ​

src/plugins/base.plugin.ts:81


exportBlob() ​

ts
exportBlob(options: Partial<CSVFormat>, t: ExportTypes): Promise<null | Blob>

Exports Blob

Parameters ​
ParameterTypeDefault value
optionsPartial<CSVFormat>{}
tExportTypesExportTypes.csv
Returns ​

Promise<null | Blob>

Defined in ​

src/plugins/export/export.plugin.ts:30


exportFile() ​

ts
exportFile(options: Partial<CSVFormat>, t: ExportTypes): Promise<void>

Export file

Parameters ​
ParameterTypeDefault value
optionsPartial<CSVFormat>{}
tExportTypesExportTypes.csv
Returns ​

Promise<void>

Defined in ​

src/plugins/export/export.plugin.ts:35


exportString() ​

ts
exportString(options: Partial<CSVFormat>, t: ExportTypes): Promise<null | string>

Exports string

Parameters ​
ParameterTypeDefault value
optionsPartial<CSVFormat>{}
tExportTypesExportTypes.csv
Returns ​

Promise<null | string>

Defined in ​

src/plugins/export/export.plugin.ts:21


getBlob() ​

ts
getBlob(formatter: Formatter): Promise<null | Blob>

Blob object

Parameters ​
ParameterType
formatterFormatter
Returns ​

Promise<null | Blob>

Defined in ​

src/plugins/export/export.plugin.ts:61


removeEventListener() ​

ts
removeEventListener(eventName: string): void

Remove event listener

Parameters ​
ParameterTypeDescription
eventNamestring
Returns ​

void

Inherited from ​

BasePlugin.removeEventListener

Defined in ​

src/plugins/base.plugin.ts:72


watch() ​

ts
watch<T>(
   prop: string, 
   callback: (arg: T) => boolean | void, 
   immediate: Partial<WatchConfig>): void

Subscribe to property change in revo-grid component You can return false in callback to prevent default value set

Type Parameters ​
Type Parameter
T extends unknown
Parameters ​
ParameterTypeDescription
propstringproperty name
callback(arg: T) => boolean | voidcallback function
immediatePartial<WatchConfig>trigger callback immediately with current value
Returns ​

void

Inherited from ​

BasePlugin.watch

Defined in ​

src/plugins/base.plugin.ts:37


GroupingRowPlugin ​

Base layer for plugins Provide minimal starting core for plugins to work Extend this class to create plugin

Extends ​

Constructors ​

new GroupingRowPlugin() ​

ts
new GroupingRowPlugin(revogrid: HTMLRevoGridElement, providers: PluginProviders): GroupingRowPlugin
Parameters ​
ParameterType
revogridHTMLRevoGridElement
providersPluginProviders
Returns ​

GroupingRowPlugin

Overrides ​

BasePlugin.constructor

Defined in ​

src/plugins/groupingRow/grouping.row.plugin.ts:64

Properties ​

PropertyModifierTypeDefault valueInherited fromDefined in
hreadonlytypeof hhBasePlugin.hsrc/plugins/base.plugin.ts:13
providerspublicPluginProvidersundefinedBasePlugin.providerssrc/plugins/base.plugin.ts:15
revogridpublicHTMLRevoGridElementundefinedBasePlugin.revogridsrc/plugins/base.plugin.ts:15
subscriptionsreadonlyRecord<string, (...args: any[]) => void>{}BasePlugin.subscriptionssrc/plugins/base.plugin.ts:14

Methods ​

addEventListener() ​

ts
addEventListener<K>(eventName: K, callback: (this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => void): void
Type Parameters ​
Type Parameter
K extends keyof HTMLRevoGridElementEventMap
Parameters ​
ParameterTypeDescription
eventNameKevent name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')
callback(this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => voidcallback function for event
Returns ​

void

Inherited from ​

BasePlugin.addEventListener

Defined in ​

src/plugins/base.plugin.ts:21


clearGrouping() ​

ts
clearGrouping(): void
Returns ​

void

Defined in ​

src/plugins/groupingRow/grouping.row.plugin.ts:354


clearSubscriptions() ​

ts
clearSubscriptions(): void

Clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.clearSubscriptions

Defined in ​

src/plugins/base.plugin.ts:90


destroy() ​

ts
destroy(): void

Destroy plugin and clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.destroy

Defined in ​

src/plugins/base.plugin.ts:99


emit() ​

ts
emit<T>(eventName: string, detail?: T): CustomEvent<T>

Emit event from revo-grid component Event can be cancelled by calling event.preventDefault() in callback

Type Parameters ​
Type ParameterDefault type
Tany
Parameters ​
ParameterType
eventNamestring
detail?T
Returns ​

CustomEvent<T>

Inherited from ​

BasePlugin.emit

Defined in ​

src/plugins/base.plugin.ts:81


getStore() ​

ts
getStore(type: DimensionRows): Observable<DSourceState<DataType, DimensionRows>>
Parameters ​
ParameterTypeDefault value
typeDimensionRowsGROUPING_ROW_TYPE
Returns ​

Observable<DSourceState<DataType, DimensionRows>>

Defined in ​

src/plugins/groupingRow/grouping.row.plugin.ts:58


removeEventListener() ​

ts
removeEventListener(eventName: string): void

Remove event listener

Parameters ​
ParameterTypeDescription
eventNamestring
Returns ​

void

Inherited from ​

BasePlugin.removeEventListener

Defined in ​

src/plugins/base.plugin.ts:72


setGrouping() ​

ts
setGrouping(options: GroupingOptions): void

External call to apply grouping. Called by revogrid when prop changed.

Parameters ​
ParameterType
optionsGroupingOptions
Returns ​

void

Defined in ​

src/plugins/groupingRow/grouping.row.plugin.ts:286


watch() ​

ts
watch<T>(
   prop: string, 
   callback: (arg: T) => boolean | void, 
   immediate: Partial<WatchConfig>): void

Subscribe to property change in revo-grid component You can return false in callback to prevent default value set

Type Parameters ​
Type Parameter
T extends unknown
Parameters ​
ParameterTypeDescription
propstringproperty name
callback(arg: T) => boolean | voidcallback function
immediatePartial<WatchConfig>trigger callback immediately with current value
Returns ​

void

Inherited from ​

BasePlugin.watch

Defined in ​

src/plugins/base.plugin.ts:37


RowResizePlugin ​

Base layer for plugins Provide minimal starting core for plugins to work Extend this class to create plugin

Extends ​

Constructors ​

new RowResizePlugin() ​

ts
new RowResizePlugin(
   revogrid: HTMLRevoGridElement, 
   providers: PluginProviders, 
   config: RowResizeConfig): RowResizePlugin
Parameters ​
ParameterType
revogridHTMLRevoGridElement
providersPluginProviders
configRowResizeConfig
Returns ​

RowResizePlugin

Overrides ​

BasePlugin.constructor

Defined in ​

src/plugins/row-resize/row-resize.plugin.tsx:66

Properties ​

PropertyModifierTypeDefault valueInherited fromDefined in
hreadonlytypeof hhBasePlugin.hsrc/plugins/base.plugin.ts:13
providerspublicPluginProvidersundefinedBasePlugin.providerssrc/plugins/base.plugin.ts:15
revogridpublicHTMLRevoGridElementundefinedBasePlugin.revogridsrc/plugins/base.plugin.ts:15
subscriptionsreadonlyRecord<string, (...args: any[]) => void>{}BasePlugin.subscriptionssrc/plugins/base.plugin.ts:14

Methods ​

addEventListener() ​

ts
addEventListener<K>(eventName: K, callback: (this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => void): void
Type Parameters ​
Type Parameter
K extends keyof HTMLRevoGridElementEventMap
Parameters ​
ParameterTypeDescription
eventNameKevent name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')
callback(this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => voidcallback function for event
Returns ​

void

Inherited from ​

BasePlugin.addEventListener

Defined in ​

src/plugins/base.plugin.ts:21


clearSubscriptions() ​

ts
clearSubscriptions(): void

Clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.clearSubscriptions

Defined in ​

src/plugins/base.plugin.ts:90


destroy() ​

ts
destroy(): void

Destroy plugin and clear all subscriptions

Returns ​

void

Overrides ​

BasePlugin.destroy

Defined in ​

src/plugins/row-resize/row-resize.plugin.tsx:545


emit() ​

ts
emit<T>(eventName: string, detail?: T): CustomEvent<T>

Emit event from revo-grid component Event can be cancelled by calling event.preventDefault() in callback

Type Parameters ​
Type ParameterDefault type
Tany
Parameters ​
ParameterType
eventNamestring
detail?T
Returns ​

CustomEvent<T>

Inherited from ​

BasePlugin.emit

Defined in ​

src/plugins/base.plugin.ts:81


removeEventListener() ​

ts
removeEventListener(eventName: string): void

Remove event listener

Parameters ​
ParameterTypeDescription
eventNamestring
Returns ​

void

Inherited from ​

BasePlugin.removeEventListener

Defined in ​

src/plugins/base.plugin.ts:72


syncGridConfig() ​

ts
syncGridConfig(refresh: boolean): void
Parameters ​
ParameterTypeDefault value
refreshbooleantrue
Returns ​

void

Defined in ​

src/plugins/row-resize/row-resize.plugin.tsx:118


watch() ​

ts
watch<T>(
   prop: string, 
   callback: (arg: T) => boolean | void, 
   immediate: Partial<WatchConfig>): void

Subscribe to property change in revo-grid component You can return false in callback to prevent default value set

Type Parameters ​
Type Parameter
T extends unknown
Parameters ​
ParameterTypeDescription
propstringproperty name
callback(arg: T) => boolean | voidcallback function
immediatePartial<WatchConfig>trigger callback immediately with current value
Returns ​

void

Inherited from ​

BasePlugin.watch

Defined in ​

src/plugins/base.plugin.ts:37


SelectionStore ​

Constructors ​

new SelectionStore() ​

ts
new SelectionStore(): SelectionStore
Returns ​

SelectionStore

Defined in ​

src/store/selection/selection.store.ts:25

Properties ​

PropertyModifierTypeDefined in
storereadonlyObservable<SelectionStoreState>src/store/selection/selection.store.ts:23

Methods ​

clearFocus() ​

ts
clearFocus(): void
Returns ​

void

Defined in ​

src/store/selection/selection.store.ts:38


clearTemp() ​

ts
clearTemp(): void
Returns ​

void

Defined in ​

src/store/selection/selection.store.ts:63


dispose() ​

ts
dispose(): void
Returns ​

void

Defined in ​

src/store/selection/selection.store.ts:91


onChange() ​

ts
onChange<Key>(propName: Key, cb: (newValue: SelectionStoreState[Key]) => void): void
Type Parameters ​
Type Parameter
Key extends keyof SelectionStoreState
Parameters ​
ParameterType
propNameKey
cb(newValue: SelectionStoreState[Key]) => void
Returns ​

void

Defined in ​

src/store/selection/selection.store.ts:34


setEdit() ​

ts
setEdit(val?: string | boolean): void
Parameters ​
ParameterType
val?string | boolean
Returns ​

void

Defined in ​

src/store/selection/selection.store.ts:80


setFocus() ​

ts
setFocus(focus: Cell, end?: Cell): void
Parameters ​
ParameterType
focusCell
end?Cell
Returns ​

void

Defined in ​

src/store/selection/selection.store.ts:42


setLastCell() ​

ts
setLastCell(lastCell: Cell): void
Parameters ​
ParameterType
lastCellCell
Returns ​

void

Defined in ​

src/store/selection/selection.store.ts:76


setNextFocus() ​

ts
setNextFocus(focus: Cell): void
Parameters ​
ParameterType
focusCell
Returns ​

void

Defined in ​

src/store/selection/selection.store.ts:55


setRange() ​

ts
setRange(start: Cell, end: Cell): void
Parameters ​
ParameterType
startCell
endCell
Returns ​

void

Defined in ​

src/store/selection/selection.store.ts:71


setRangeArea() ​

ts
setRangeArea(range: null | RangeArea): void

Can be applied from selection change or from simple keyboard change clicks

Parameters ​
ParameterType
rangenull | RangeArea
Returns ​

void

Defined in ​

src/store/selection/selection.store.ts:68


setTempArea() ​

ts
setTempArea(range: null | Nullable<TempRange>): void
Parameters ​
ParameterType
rangenull | Nullable<TempRange>
Returns ​

void

Defined in ​

src/store/selection/selection.store.ts:59


SortingPlugin ​

Lifecycle

  1. beforesorting - Triggered when sorting just starts. Nothing has happened yet. This can be triggered from a column or from the source. If the type is from rows, the column will be undefined.
  2. beforesourcesortingapply - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted.
  3. beforesortingapply - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted. This event is only called from a column sorting click.
  4. aftersortingapply - Triggered after sorting has been applied and completed. The event detail includes the final sorting state and sorting column metadata when available.

Note: If you prevent an event, it will not proceed to the subsequent steps.

Extends ​

Constructors ​

new SortingPlugin() ​

ts
new SortingPlugin(
   revogrid: HTMLRevoGridElement, 
   providers: PluginProviders, 
   config?: SortingConfig): SortingPlugin
Parameters ​
ParameterType
revogridHTMLRevoGridElement
providersPluginProviders
config?SortingConfig
Returns ​

SortingPlugin

Overrides ​

BasePlugin.constructor

Defined in ​

src/plugins/sorting/sorting.plugin.ts:112

Properties ​

PropertyModifierTypeDefault valueDescriptionInherited fromDefined in
hreadonlytypeof hh-BasePlugin.hsrc/plugins/base.plugin.ts:13
postponeSortpublicDebouncedFunc<(order?: SortingOrder, comparison?: SortingOrderFunction, sortingColumns?: SortingColumnMap, sortingOrder?: SortingColumnOrder, ignoreViewportUpdate?: boolean) => void>undefinedDebounced sorting entry point. Sorting can be requested by column changes, source changes, and header clicks in quick succession, so the actual sort is delayed and coalesced.-src/plugins/sorting/sorting.plugin.ts:101
providerspublicPluginProvidersundefined-BasePlugin.providerssrc/plugins/base.plugin.ts:15
revogridpublicHTMLRevoGridElementundefined-BasePlugin.revogridsrc/plugins/sorting/sorting.plugin.ts:113
sorting?publicSortingOrderundefinedCurrent sorting order per column property.-src/plugins/sorting/sorting.plugin.ts:65
sortingFunc?publicSortingOrderFunctionundefinedComparator functions indexed by column property. Multiple columns can be sorted at the same time.-src/plugins/sorting/sorting.plugin.ts:72
sortingPromisepublicnull | () => voidnullDelayed sorting promise registered in the grid render job queue.-src/plugins/sorting/sorting.plugin.ts:93
subscriptionsreadonlyRecord<string, (...args: any[]) => void>{}-BasePlugin.subscriptionssrc/plugins/base.plugin.ts:14

Methods ​

addEventListener() ​

ts
addEventListener<K>(eventName: K, callback: (this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => void): void
Type Parameters ​
Type Parameter
K extends keyof HTMLRevoGridElementEventMap
Parameters ​
ParameterTypeDescription
eventNameKevent name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')
callback(this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => voidcallback function for event
Returns ​

void

Inherited from ​

BasePlugin.addEventListener

Defined in ​

src/plugins/base.plugin.ts:21


clearSubscriptions() ​

ts
clearSubscriptions(): void

Clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.clearSubscriptions

Defined in ​

src/plugins/base.plugin.ts:90


destroy() ​

ts
destroy(): void

Destroy plugin and clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.destroy

Defined in ​

src/plugins/base.plugin.ts:99


emit() ​

ts
emit<T>(eventName: string, detail?: T): CustomEvent<T>

Emit event from revo-grid component Event can be cancelled by calling event.preventDefault() in callback

Type Parameters ​
Type ParameterDefault type
Tany
Parameters ​
ParameterType
eventNamestring
detail?T
Returns ​

CustomEvent<T>

Inherited from ​

BasePlugin.emit

Defined in ​

src/plugins/base.plugin.ts:81


headerclick() ​

ts
headerclick(column: ColumnRegular<ColumnProp, DataType<any, ColumnProp>>, additive: boolean): void

Applies sorting requested by a sortable header click.

Parameters ​
ParameterTypeDescription
columnColumnRegular<ColumnProp, DataType<any, ColumnProp>>Column that initiated sorting.
additivebooleanIf true, add/remove this column from the current multi-sort state.
Returns ​

void

Defined in ​

src/plugins/sorting/sorting.plugin.ts:404


reapplySorting() ​

ts
reapplySorting(): void

Schedules the current active sort again after another plugin rebuilds row proxy indexes while keeping the physical source unchanged.

Returns ​

void

Defined in ​

src/plugins/sorting/sorting.plugin.ts:386


removeEventListener() ​

ts
removeEventListener(eventName: string): void

Remove event listener

Parameters ​
ParameterTypeDescription
eventNamestring
Returns ​

void

Inherited from ​

BasePlugin.removeEventListener

Defined in ​

src/plugins/base.plugin.ts:72


runSorting() ​

runSorting(order, comparison, ignoreViewportUpdate) ​
ts
runSorting(
   order?: SortingOrder, 
   comparison?: SortingOrderFunction, 
   ignoreViewportUpdate?: boolean): void

Runs a scheduled sort and resolves the render-blocking sorting promise.

Parameters ​
ParameterTypeDescription
order?SortingOrderActive sorting order by column property.
comparison?SortingOrderFunctionComparator functions by column property.
ignoreViewportUpdate?booleanSkips dimension position recalculation when true.
Returns ​

void

Defined in ​

src/plugins/sorting/sorting.plugin.ts:470

runSorting(order, comparison, sortingColumns, sortingOrder, ignoreViewportUpdate) ​
ts
runSorting(
   order?: SortingOrder, 
   comparison?: SortingOrderFunction, 
   sortingColumns?: SortingColumnMap, 
   sortingOrder?: SortingColumnOrder, 
   ignoreViewportUpdate?: boolean): void
Parameters ​
ParameterType
order?SortingOrder
comparison?SortingOrderFunction
sortingColumns?SortingColumnMap
sortingOrder?SortingColumnOrder
ignoreViewportUpdate?boolean
Returns ​

void

Defined in ​

src/plugins/sorting/sorting.plugin.ts:475


sort() ​

sort(sorting, sortingFunc, types, ignoreViewportUpdate) ​
ts
sort(
   sorting?: SortingOrder, 
   sortingFunc?: SortingOrderFunction, 
   types?: DimensionRows[], 
   ignoreViewportUpdate?: boolean): void

Sorts row proxy indexes by sorting functions.

Parameters ​
ParameterTypeDescription
sorting?SortingOrderper column sorting
sortingFunc?SortingOrderFunctionComparator functions by column property.
types?DimensionRows[]Row stores to sort.
ignoreViewportUpdate?booleanSkips dimension position recalculation when true.
Returns ​

void

Requires ​

proxyItems applied to row store

Requires ​

source applied to row store

Defined in ​

src/plugins/sorting/sorting.plugin.ts:513

sort(sorting, sortingFunc, sortingColumns, sortingOrder, types, ignoreViewportUpdate) ​
ts
sort(
   sorting?: SortingOrder, 
   sortingFunc?: SortingOrderFunction, 
   sortingColumns?: SortingColumnMap, 
   sortingOrder?: SortingColumnOrder, 
   types?: DimensionRows[], 
   ignoreViewportUpdate?: boolean): void
Parameters ​
ParameterType
sorting?SortingOrder
sortingFunc?SortingOrderFunction
sortingColumns?SortingColumnMap
sortingOrder?SortingColumnOrder
types?DimensionRows[]
ignoreViewportUpdate?boolean
Returns ​

void

Defined in ​

src/plugins/sorting/sorting.plugin.ts:519


startSorting() ​

startSorting(order, sortingFunc, ignoreViewportUpdate) ​
ts
startSorting(
   order?: SortingOrder, 
   sortingFunc?: SortingOrderFunction, 
   ignoreViewportUpdate?: boolean): void

Schedules sorting before the next render.

Parameters ​
ParameterTypeDescription
order?SortingOrderActive sorting order by column property.
sortingFunc?SortingOrderFunctionComparator functions by column property.
ignoreViewportUpdate?booleanSkips dimension position recalculation when true.
Returns ​

void

Defined in ​

src/plugins/sorting/sorting.plugin.ts:348

startSorting(order, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) ​
ts
startSorting(
   order?: SortingOrder, 
   sortingFunc?: SortingOrderFunction, 
   sortingColumns?: SortingColumnMap, 
   sortingOrder?: SortingColumnOrder, 
   ignoreViewportUpdate?: boolean): void
Parameters ​
ParameterType
order?SortingOrder
sortingFunc?SortingOrderFunction
sortingColumns?SortingColumnMap
sortingOrder?SortingColumnOrder
ignoreViewportUpdate?boolean
Returns ​

void

Defined in ​

src/plugins/sorting/sorting.plugin.ts:353


watch() ​

ts
watch<T>(
   prop: string, 
   callback: (arg: T) => boolean | void, 
   immediate: Partial<WatchConfig>): void

Subscribe to property change in revo-grid component You can return false in callback to prevent default value set

Type Parameters ​
Type Parameter
T extends unknown
Parameters ​
ParameterTypeDescription
propstringproperty name
callback(arg: T) => boolean | voidcallback function
immediatePartial<WatchConfig>trigger callback immediately with current value
Returns ​

void

Inherited from ​

BasePlugin.watch

Defined in ​

src/plugins/base.plugin.ts:37


StretchColumn ​

Base layer for plugins Provide minimal starting core for plugins to work Extend this class to create plugin

Extends ​

Constructors ​

new StretchColumn() ​

ts
new StretchColumn(revogrid: HTMLRevoGridElement, providers: PluginProviders): StretchColumn
Parameters ​
ParameterType
revogridHTMLRevoGridElement
providersPluginProviders
Returns ​

StretchColumn

Overrides ​

BasePlugin.constructor

Defined in ​

src/plugins/column.stretch.plugin.ts:26

Properties ​

PropertyModifierTypeDefault valueInherited fromDefined in
hreadonlytypeof hhBasePlugin.hsrc/plugins/base.plugin.ts:13
providerspublicPluginProvidersundefinedBasePlugin.providerssrc/plugins/column.stretch.plugin.ts:28
revogridpublicHTMLRevoGridElementundefinedBasePlugin.revogridsrc/plugins/base.plugin.ts:15
subscriptionsreadonlyRecord<string, (...args: any[]) => void>{}BasePlugin.subscriptionssrc/plugins/base.plugin.ts:14

Methods ​

addEventListener() ​

ts
addEventListener<K>(eventName: K, callback: (this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => void): void
Type Parameters ​
Type Parameter
K extends keyof HTMLRevoGridElementEventMap
Parameters ​
ParameterTypeDescription
eventNameKevent name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')
callback(this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => voidcallback function for event
Returns ​

void

Inherited from ​

BasePlugin.addEventListener

Defined in ​

src/plugins/base.plugin.ts:21


applyStretch() ​

ts
applyStretch(columns: Record<DimensionCols, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]>): void

Apply stretch changes

Parameters ​
ParameterType
columnsRecord<DimensionCols, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]>
Returns ​

void

Defined in ​

src/plugins/column.stretch.plugin.ts:86


clearSubscriptions() ​

ts
clearSubscriptions(): void

Clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.clearSubscriptions

Defined in ​

src/plugins/base.plugin.ts:90


destroy() ​

ts
destroy(): void

Destroy plugin and clear all subscriptions

Returns ​

void

Inherited from ​

BasePlugin.destroy

Defined in ​

src/plugins/base.plugin.ts:99


emit() ​

ts
emit<T>(eventName: string, detail?: T): CustomEvent<T>

Emit event from revo-grid component Event can be cancelled by calling event.preventDefault() in callback

Type Parameters ​
Type ParameterDefault type
Tany
Parameters ​
ParameterType
eventNamestring
detail?T
Returns ​

CustomEvent<T>

Inherited from ​

BasePlugin.emit

Defined in ​

src/plugins/base.plugin.ts:81


removeEventListener() ​

ts
removeEventListener(eventName: string): void

Remove event listener

Parameters ​
ParameterTypeDescription
eventNamestring
Returns ​

void

Inherited from ​

BasePlugin.removeEventListener

Defined in ​

src/plugins/base.plugin.ts:72


watch() ​

ts
watch<T>(
   prop: string, 
   callback: (arg: T) => boolean | void, 
   immediate: Partial<WatchConfig>): void

Subscribe to property change in revo-grid component You can return false in callback to prevent default value set

Type Parameters ​
Type Parameter
T extends unknown
Parameters ​
ParameterTypeDescription
propstringproperty name
callback(arg: T) => boolean | voidcallback function
immediatePartial<WatchConfig>trigger callback immediately with current value
Returns ​

void

Inherited from ​

BasePlugin.watch

Defined in ​

src/plugins/base.plugin.ts:37


TextEditor ​

Editor interface

Implements ​

Constructors ​

new TextEditor() ​

ts
new TextEditor(data: ColumnDataSchemaModel<DataType<any, ColumnProp>, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>, ColumnProp>, saveCallback?: SaveCallback): TextEditor
Parameters ​
ParameterType
dataColumnDataSchemaModel<DataType<any, ColumnProp>, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>, ColumnProp>
saveCallback?SaveCallback
Returns ​

TextEditor

Defined in ​

src/components/editors/text-editor.ts:26

Properties ​

PropertyModifierTypeDefault valueDefined in
datapublicColumnDataSchemaModel<DataType<any, ColumnProp>, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>, ColumnProp>undefinedsrc/components/editors/text-editor.ts:27
editCell?publicEditCellundefinedsrc/components/editors/text-editor.ts:24
editInputpublicnull | HTMLInputElementnullsrc/components/editors/text-editor.ts:21
elementpublicnull | Elementnullsrc/components/editors/text-editor.ts:23

Methods ​

appendPendingInput() ​

ts
appendPendingInput(value: string): boolean

Consume printable input that reached the grid while the editor mounted. Return true when the editor handled the value.

Parameters ​
ParameterType
valuestring
Returns ​

boolean

Implementation of ​

EditorBase.appendPendingInput

Defined in ​

src/components/editors/text-editor.ts:41


beforeDisconnect() ​

ts
beforeDisconnect(): void

IMPORTANT: Prevent scroll glitches when editor is closed and focus is on current input element.

Returns ​

void

Implementation of ​

EditorBase.beforeDisconnect

Defined in ​

src/components/editors/text-editor.ts:70


componentDidRender() ​

ts
componentDidRender(): Promise<void>

Callback triggered on cell editor render

Returns ​

Promise<void>

Implementation of ​

EditorBase.componentDidRender

Defined in ​

src/components/editors/text-editor.ts:34


getValue() ​

ts
getValue(): undefined | string

Get value from input

Returns ​

undefined | string

Implementation of ​

EditorBase.getValue

Defined in ​

src/components/editors/text-editor.ts:77


onKeyDown() ​

ts
onKeyDown(e: KeyboardEvent): void
Parameters ​
ParameterType
eKeyboardEvent
Returns ​

void

Defined in ​

src/components/editors/text-editor.ts:50


render() ​

ts
render(h: typeof h, _additionalData: any): VNode | VNode[]

Render method for Editor plugin. Renders input element with passed data from cell.

Parameters ​
ParameterTypeDescription
htypeof hh function from stencil render.
_additionalDataanyadditional data from plugin.
Returns ​

VNode | VNode[]

  • input element.
Implementation of ​

EditorBase.render

Defined in ​

src/components/editors/text-editor.ts:88


ViewportStore ​

Viewport store class

Constructors ​

new ViewportStore() ​

ts
new ViewportStore(type: MultiDimensionType): ViewportStore
Parameters ​
ParameterType
typeMultiDimensionType
Returns ​

ViewportStore

Defined in ​

src/store/vp/viewport.store.ts:65

Properties ​

PropertyModifierTypeDefined in
storereadonlyObservable<ViewportState>src/store/vp/viewport.store.ts:54
typereadonlyMultiDimensionTypesrc/store/vp/viewport.store.ts:65

Accessors ​

lastCoordinate ​

ts
get lastCoordinate(): number
ts
set lastCoordinate(value: number): void
Parameters ​
ParameterType
valuenumber
Returns ​

number

Defined in ​

src/store/vp/viewport.store.ts:59

Methods ​

getItems() ​

ts
getItems(): ItemsToUpdate
Returns ​

ItemsToUpdate

Defined in ​

src/store/vp/viewport.store.ts:197


setOriginalSizes() ​

ts
setOriginalSizes(size: number): void

Set sizes for existing items

Parameters ​
ParameterType
sizenumber
Returns ​

void

Defined in ​

src/store/vp/viewport.store.ts:179


setViewPortCoordinate() ​

ts
setViewPortCoordinate(
   position: number, 
   dimension: DimensionDataViewport, 
   force: boolean): void

Render viewport based on coordinate It's the main method for draw Use force if you want to re-render viewport

Parameters ​
ParameterTypeDefault value
positionnumberundefined
dimensionDimensionDataViewportundefined
forcebooleanfalse
Returns ​

void

Defined in ​

src/store/vp/viewport.store.ts:74


setViewport() ​

ts
setViewport(data: Partial<ViewportState>): void
Parameters ​
ParameterType
dataPartial<ViewportState>
Returns ​

void

Defined in ​

src/store/vp/viewport.store.ts:205


AFTER_ROW_RESIZE_EVENT ​

ts
const AFTER_ROW_RESIZE_EVENT: "afterrowresize" = 'afterrowresize';

Defined in ​

src/plugins/row-resize/row-resize.plugin.tsx:32


AND_OR_BUTTON ​

ts
const AND_OR_BUTTON: "and-or-button" = 'and-or-button';

Defined in ​

src/plugins/filter/filter.button.tsx:8


BEFORE_COLUMN_DRAG_END_EVENT ​

ts
const BEFORE_COLUMN_DRAG_END_EVENT: "beforecolumndragend" = 'beforecolumndragend';

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:26


BEFORE_GROUPING_APPLY_EVENT ​

ts
const BEFORE_GROUPING_APPLY_EVENT: "beforegroupingapply";

Defined in ​

src/plugins/groupingRow/grouping.const.ts:14


BEFORE_ROW_RESIZE_EVENT ​

ts
const BEFORE_ROW_RESIZE_EVENT: "beforerowresize" = 'beforerowresize';

Defined in ​

src/plugins/row-resize/row-resize.plugin.tsx:30


CELL_CLASS ​

ts
const CELL_CLASS: "rgCell" = 'rgCell';

Defined in ​

src/utils/consts.ts:8


CELL_HANDLER_CLASS ​

ts
const CELL_HANDLER_CLASS: "autofill-handle" = 'autofill-handle';

Defined in ​

src/utils/consts.ts:23


COLUMN_DRAG_END_EVENT ​

ts
const COLUMN_DRAG_END_EVENT: "columndragend" = 'columndragend';

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:25


COLUMN_DRAG_MOVE_EVENT ​

ts
const COLUMN_DRAG_MOVE_EVENT: "columndragmousemove" = 'columndragmousemove';

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:24


COLUMN_DRAG_START_EVENT ​

ts
const COLUMN_DRAG_START_EVENT: "columndragstart" = 'columndragstart';

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:29


DATA_COL ​

ts
const DATA_COL: "data-rgCol" = 'data-rgCol';

Defined in ​

src/utils/consts.ts:4


DATA_ROW ​

ts
const DATA_ROW: "data-rgRow" = 'data-rgRow';

Defined in ​

src/utils/consts.ts:5


DEFAULT_BLANK_SEMANTICS ​

ts
const DEFAULT_BLANK_SEMANTICS: Readonly<BlankSemantics>;

Defined in ​

src/plugins/filter/filter.blank.ts:6


DEFAULT_MIN_ROW_HEIGHT ​

ts
const DEFAULT_MIN_ROW_HEIGHT: 20 = 20;

Defined in ​

src/plugins/row-resize/row-resize.utils.ts:12


DISABLED_CLASS ​

ts
const DISABLED_CLASS: "disabled" = 'disabled';

Defined in ​

src/utils/consts.ts:7


DRAGGABLE_CLASS ​

ts
const DRAGGABLE_CLASS: "revo-draggable" = 'revo-draggable';

Defined in ​

src/utils/consts.ts:16


DRAGG_TEXT ​

ts
const DRAGG_TEXT: "Draggable item" = 'Draggable item';

Defined in ​

src/utils/consts.ts:27


DRAG_ICON_CLASS ​

ts
const DRAG_ICON_CLASS: "revo-drag-icon" = 'revo-drag-icon';

Defined in ​

src/utils/consts.ts:15


EDIT_INPUT_WR ​

ts
const EDIT_INPUT_WR: "edit-input-wrapper" = 'edit-input-wrapper';

Defined in ​

src/utils/consts.ts:25


FILTER_BUTTON_ACTIVE ​

ts
const FILTER_BUTTON_ACTIVE: "active" = 'active';

Defined in ​

src/plugins/filter/filter.button.tsx:5


FILTER_BUTTON_CLASS ​

ts
const FILTER_BUTTON_CLASS: "rv-filter" = 'rv-filter';

Defined in ​

src/plugins/filter/filter.button.tsx:4


FILTER_CONFIG_CHANGED_EVENT ​

ts
const FILTER_CONFIG_CHANGED_EVENT: "filterconfigchanged" = 'filterconfigchanged';

Defined in ​

src/plugins/filter/filter.plugin.tsx:43


FILTER_PROP ​

ts
const FILTER_PROP: "hasFilter" = 'hasFilter';

Defined in ​

src/plugins/filter/filter.button.tsx:7


FILTER_TRIMMED_TYPE ​

ts
const FILTER_TRIMMED_TYPE: "filter" = 'filter';

Defined in ​

src/plugins/filter/filter.plugin.tsx:42


FILTE_PANEL ​

ts
const FILTE_PANEL: "revogr-filter-panel" = 'revogr-filter-panel';

Defined in ​

src/plugins/filter/filter.plugin.tsx:44


FOCUS_CLASS ​

ts
const FOCUS_CLASS: "focused-cell" = 'focused-cell';

Defined in ​

src/utils/consts.ts:18


GRID_INTERNALS ​

ts
const GRID_INTERNALS: "__rvgr" = '__rvgr';

Defined in ​

src/utils/consts.ts:28


GROUPING_ROW_TYPE ​

ts
const GROUPING_ROW_TYPE: DimensionRows = 'rgRow';

Defined in ​

src/plugins/groupingRow/grouping.const.ts:15


GROUP_COLUMN_PROP ​

ts
const GROUP_COLUMN_PROP: "__rvgr-prop";

Defined in ​

src/plugins/groupingRow/grouping.const.ts:10


GROUP_DEPTH ​

ts
const GROUP_DEPTH: "__rvgr-depth";

Defined in ​

src/plugins/groupingRow/grouping.const.ts:4


GROUP_EXPANDED ​

ts
const GROUP_EXPANDED: "__rvgr-expanded";

Defined in ​

src/plugins/groupingRow/grouping.const.ts:9


GROUP_EXPAND_BTN ​

ts
const GROUP_EXPAND_BTN: "group-expand";

Defined in ​

src/plugins/groupingRow/grouping.const.ts:12


GROUP_EXPAND_EVENT ​

ts
const GROUP_EXPAND_EVENT: "groupexpandclick";

Defined in ​

src/plugins/groupingRow/grouping.const.ts:13


GROUP_ORIGINAL_INDEX ​

ts
const GROUP_ORIGINAL_INDEX: "__rvgr-original-index";

Defined in ​

src/plugins/groupingRow/grouping.const.ts:11


HEADER_ACTUAL_ROW_CLASS ​

ts
const HEADER_ACTUAL_ROW_CLASS: "actual-rgRow" = 'actual-rgRow';

Defined in ​

src/utils/consts.ts:13


HEADER_CLASS ​

ts
const HEADER_CLASS: "rgHeaderCell" = 'rgHeaderCell';

Defined in ​

src/utils/consts.ts:10


HEADER_ROW_CLASS ​

ts
const HEADER_ROW_CLASS: "header-rgRow" = 'header-rgRow';

Defined in ​

src/utils/consts.ts:12


HEADER_SORTABLE_CLASS ​

ts
const HEADER_SORTABLE_CLASS: "sortable" = 'sortable';

Defined in ​

src/utils/consts.ts:11


MIN_COL_SIZE ​

ts
const MIN_COL_SIZE: 30 = 30;

Defined in ​

src/utils/consts.ts:1


MOBILE_CLASS ​

ts
const MOBILE_CLASS: "mobile-handler" = 'mobile-handler';

Defined in ​

src/utils/consts.ts:20


PSEUDO_GROUP_COLUMN ​

ts
const PSEUDO_GROUP_COLUMN: "__rvgr-column";

Defined in ​

src/plugins/groupingRow/grouping.const.ts:8


PSEUDO_GROUP_ITEM ​

ts
const PSEUDO_GROUP_ITEM: "__rvgr-name";

Defined in ​

src/plugins/groupingRow/grouping.const.ts:5


PSEUDO_GROUP_ITEM_ID ​

ts
const PSEUDO_GROUP_ITEM_ID: "__rvgr-id";

Defined in ​

src/plugins/groupingRow/grouping.const.ts:6


PSEUDO_GROUP_ITEM_VALUE ​

ts
const PSEUDO_GROUP_ITEM_VALUE: "__rvgr-value";

Defined in ​

src/plugins/groupingRow/grouping.const.ts:7


REORDER_BUTTON ​

ts
const REORDER_BUTTON: "reorder-button" = 'reorder-button';

Defined in ​

src/plugins/filter/filter.button.tsx:10


RESIZE_INTERVAL ​

ts
const RESIZE_INTERVAL: 40 = 40;

Defined in ​

src/utils/consts.ts:2


REVOGRID_EVENTS ​

ts
const REVOGRID_EVENTS: Map<RevogridEvents, RevogridEvents>;

Defined in ​

src/types/events.ts:119


ROW_FOCUSED_CLASS ​

ts
const ROW_FOCUSED_CLASS: "focused-rgRow" = 'focused-rgRow';

Defined in ​

src/utils/consts.ts:29


ROW_HEADER_TYPE ​

ts
const ROW_HEADER_TYPE: "rowHeaders" = 'rowHeaders';

Defined in ​

src/utils/consts.ts:9


ROW_RESIZE_CANCEL_EVENT ​

ts
const ROW_RESIZE_CANCEL_EVENT: "rowresizecancel" = 'rowresizecancel';

Defined in ​

src/plugins/row-resize/row-resize.plugin.tsx:33


ROW_RESIZE_EVENT ​

ts
const ROW_RESIZE_EVENT: "rowresize" = 'rowresize';

Defined in ​

src/plugins/row-resize/row-resize.plugin.tsx:31


ROW_RESIZE_HANDLE_CLASS ​

ts
const ROW_RESIZE_HANDLE_CLASS: "row-resize-handle" = 'row-resize-handle';

Defined in ​

src/plugins/row-resize/row-resize.plugin.tsx:29


SELECTION_BORDER_CLASS ​

ts
const SELECTION_BORDER_CLASS: "selection-border-range" = 'selection-border-range';

Defined in ​

src/utils/consts.ts:19


TMP_SELECTION_BG_CLASS ​

ts
const TMP_SELECTION_BG_CLASS: "temp-bg-range" = 'temp-bg-range';

Defined in ​

src/utils/consts.ts:21


TRASH_BUTTON ​

ts
const TRASH_BUTTON: "trash-button" = 'trash-button';

Defined in ​

src/plugins/filter/filter.button.tsx:9


auroraTheme ​

ts
const auroraTheme: {
  colorScheme: 'dark';
  defaultRowSize: 34;
  name: 'aurora';
  tokens: Partial<Record<
     | "primary"
     | "primaryTransparent"
     | "background"
     | "foreground"
     | "divider"
     | "shadow"
     | "text"
     | "border"
     | "headerBg"
     | "headerColor"
     | "headerBorder"
     | "headerFocusedBg"
     | "headerHoverBg"
     | "cellBorder"
     | "cellVerticalBorder"
     | "focusedBg"
     | "rowHover"
     | "rowHeadersBg"
     | "rowHeadersColor"
     | "cellDisabledBg"
     | "filterPanelBg"
     | "filterPanelBorder"
     | "filterPanelShadow"
     | "filterPanelInputBg"
     | "filterPanelDivider"
     | "filterPanelSelectBorder"
     | "filterPanelSelectBorderHover"
     | "filterPanelReorderAccent"
     | "filterPanelReorderColor"
     | "filterPanelText"
     | "filterPanelMutedText"
     | "filterPanelFocusRing"
     | "filterPanelIcon"
     | "filterPanelIconActive"
     | "filterPanelSelectArrow"
     | "filterPanelSelectArrowDisabled"
     | "fontFamily"
     | "fontSize"
     | "headerHeight"
     | "headerFontSize"
     | "headerFontWeight"
     | "headerTextTransform"
     | "headerTextAlign"
     | "cellTextAlign"
     | "headerPadding"
     | "cellPadding"
     | "selectionBorder"
     | "selectionBg"
     | "autofillHandleBg"
     | "autofillHandleBorder"
     | "rangeHandleBg"
     | "temporaryRangeBorder"
     | "temporarySelectionBorder"
     | "headerResizeHover"
     | "buttonText"
     | "buttonBg"
     | "buttonSuccessBg"
     | "buttonDangerBg"
     | "buttonOutlineBorder"
     | "buttonOutlineText", string>>;
};

Compact graphite and evergreen preset with luminous emerald states.

Type declaration ​

NameTypeDefault valueDefined in
colorScheme"dark"'dark'src/themeManager/presets/aurora.ts:77
defaultRowSizenumber34src/themeManager/presets/aurora.ts:78
namestring'aurora'src/themeManager/presets/aurora.ts:76
tokensPartial<Record< | "primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>-src/themeManager/presets/aurora.ts:79

Defined in ​

src/themeManager/presets/aurora.ts:75


columnTypes ​

ts
const columnTypes: DimensionCols[];

Defined in ​

src/store/index.ts:9


filterCoreFunctionsIndexedByType ​

ts
const filterCoreFunctionsIndexedByType: Record<FilterType, LogicFunction>;

Defined in ​

src/plugins/filter/filter.indexed.ts:14


filterNames ​

ts
const filterNames: {
  begins: 'Begins with';
  contains: 'Contains';
  empty: 'Is blank';
  eq: 'Equal';
  eqN: '=';
  gt: '>';
  gte: '>=';
  lt: '<';
  lte: '<=';
  neqN: '!=';
  none: 'None';
  notContains: 'Does not contain';
  notEmpty: 'Is not blank';
  notEq: 'Not equal';
};

Type declaration ​

NameTypeDefault valueDefined in
beginsstring'Begins with'src/plugins/filter/filter.indexed.ts:46
containsstring'Contains'src/plugins/filter/filter.indexed.ts:47
emptystring'Is blank'src/plugins/filter/filter.indexed.ts:41
eqstring'Equal'src/plugins/filter/filter.indexed.ts:44
eqNstring'='src/plugins/filter/filter.indexed.ts:50
gtstring'>'src/plugins/filter/filter.indexed.ts:52
gtestring'>='src/plugins/filter/filter.indexed.ts:53
ltstring'<'src/plugins/filter/filter.indexed.ts:54
ltestring'<='src/plugins/filter/filter.indexed.ts:55
neqNstring'!='src/plugins/filter/filter.indexed.ts:51
nonestring'None'src/plugins/filter/filter.indexed.ts:40
notContainsstring'Does not contain'src/plugins/filter/filter.indexed.ts:48
notEmptystring'Is not blank'src/plugins/filter/filter.indexed.ts:42
notEqstring'Not equal'src/plugins/filter/filter.indexed.ts:45

Defined in ​

src/plugins/filter/filter.indexed.ts:39


filterTypes ​

ts
const filterTypes: Record<string, FilterType[]>;

Defined in ​

src/plugins/filter/filter.indexed.ts:32


highContrastDarkTheme ​

ts
const highContrastDarkTheme: {
  colorScheme: 'dark';
  defaultRowSize: 40;
  name: 'highContrastDark';
  tokens: Partial<Record<
     | "primary"
     | "primaryTransparent"
     | "background"
     | "foreground"
     | "divider"
     | "shadow"
     | "text"
     | "border"
     | "headerBg"
     | "headerColor"
     | "headerBorder"
     | "headerFocusedBg"
     | "headerHoverBg"
     | "cellBorder"
     | "cellVerticalBorder"
     | "focusedBg"
     | "rowHover"
     | "rowHeadersBg"
     | "rowHeadersColor"
     | "cellDisabledBg"
     | "filterPanelBg"
     | "filterPanelBorder"
     | "filterPanelShadow"
     | "filterPanelInputBg"
     | "filterPanelDivider"
     | "filterPanelSelectBorder"
     | "filterPanelSelectBorderHover"
     | "filterPanelReorderAccent"
     | "filterPanelReorderColor"
     | "filterPanelText"
     | "filterPanelMutedText"
     | "filterPanelFocusRing"
     | "filterPanelIcon"
     | "filterPanelIconActive"
     | "filterPanelSelectArrow"
     | "filterPanelSelectArrowDisabled"
     | "fontFamily"
     | "fontSize"
     | "headerHeight"
     | "headerFontSize"
     | "headerFontWeight"
     | "headerTextTransform"
     | "headerTextAlign"
     | "cellTextAlign"
     | "headerPadding"
     | "cellPadding"
     | "selectionBorder"
     | "selectionBg"
     | "autofillHandleBg"
     | "autofillHandleBorder"
     | "rangeHandleBg"
     | "temporaryRangeBorder"
     | "temporarySelectionBorder"
     | "headerResizeHover"
     | "buttonText"
     | "buttonBg"
     | "buttonSuccessBg"
     | "buttonDangerBg"
     | "buttonOutlineBorder"
     | "buttonOutlineText", string>>;
};

High-contrast dark preset with luminous yellow and cyan interaction states.

Type declaration ​

NameTypeDefault valueDefined in
colorScheme"dark"'dark'src/themeManager/presets/high-contrast-dark.ts:77
defaultRowSizenumber40src/themeManager/presets/high-contrast-dark.ts:78
namestring'highContrastDark'src/themeManager/presets/high-contrast-dark.ts:76
tokensPartial<Record< | "primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>-src/themeManager/presets/high-contrast-dark.ts:79

Defined in ​

src/themeManager/presets/high-contrast-dark.ts:75


highContrastTheme ​

ts
const highContrastTheme: {
  colorScheme: 'light';
  defaultRowSize: 40;
  name: 'highContrast';
  tokens: Partial<Record<
     | "primary"
     | "primaryTransparent"
     | "background"
     | "foreground"
     | "divider"
     | "shadow"
     | "text"
     | "border"
     | "headerBg"
     | "headerColor"
     | "headerBorder"
     | "headerFocusedBg"
     | "headerHoverBg"
     | "cellBorder"
     | "cellVerticalBorder"
     | "focusedBg"
     | "rowHover"
     | "rowHeadersBg"
     | "rowHeadersColor"
     | "cellDisabledBg"
     | "filterPanelBg"
     | "filterPanelBorder"
     | "filterPanelShadow"
     | "filterPanelInputBg"
     | "filterPanelDivider"
     | "filterPanelSelectBorder"
     | "filterPanelSelectBorderHover"
     | "filterPanelReorderAccent"
     | "filterPanelReorderColor"
     | "filterPanelText"
     | "filterPanelMutedText"
     | "filterPanelFocusRing"
     | "filterPanelIcon"
     | "filterPanelIconActive"
     | "filterPanelSelectArrow"
     | "filterPanelSelectArrowDisabled"
     | "fontFamily"
     | "fontSize"
     | "headerHeight"
     | "headerFontSize"
     | "headerFontWeight"
     | "headerTextTransform"
     | "headerTextAlign"
     | "cellTextAlign"
     | "headerPadding"
     | "cellPadding"
     | "selectionBorder"
     | "selectionBg"
     | "autofillHandleBg"
     | "autofillHandleBorder"
     | "rangeHandleBg"
     | "temporaryRangeBorder"
     | "temporarySelectionBorder"
     | "headerResizeHover"
     | "buttonText"
     | "buttonBg"
     | "buttonSuccessBg"
     | "buttonDangerBg"
     | "buttonOutlineBorder"
     | "buttonOutlineText", string>>;
};

High-contrast light preset with dark structure and vivid blue focus states.

Type declaration ​

NameTypeDefault valueDefined in
colorScheme"light"'light'src/themeManager/presets/high-contrast.ts:77
defaultRowSizenumber40src/themeManager/presets/high-contrast.ts:78
namestring'highContrast'src/themeManager/presets/high-contrast.ts:76
tokensPartial<Record< | "primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>-src/themeManager/presets/high-contrast.ts:79

Defined in ​

src/themeManager/presets/high-contrast.ts:75


highContrastThemeDefinitions ​

ts
const highContrastThemeDefinitions: ({
  colorScheme: 'light';
  defaultRowSize: 40;
  name: 'highContrast';
  tokens: Partial<Record<
     | "primary"
     | "primaryTransparent"
     | "background"
     | "foreground"
     | "divider"
     | "shadow"
     | "text"
     | "border"
     | "headerBg"
     | "headerColor"
     | "headerBorder"
     | "headerFocusedBg"
     | "headerHoverBg"
     | "cellBorder"
     | "cellVerticalBorder"
     | "focusedBg"
     | "rowHover"
     | "rowHeadersBg"
     | "rowHeadersColor"
     | "cellDisabledBg"
     | "filterPanelBg"
     | "filterPanelBorder"
     | "filterPanelShadow"
     | "filterPanelInputBg"
     | "filterPanelDivider"
     | "filterPanelSelectBorder"
     | "filterPanelSelectBorderHover"
     | "filterPanelReorderAccent"
     | "filterPanelReorderColor"
     | "filterPanelText"
     | "filterPanelMutedText"
     | "filterPanelFocusRing"
     | "filterPanelIcon"
     | "filterPanelIconActive"
     | "filterPanelSelectArrow"
     | "filterPanelSelectArrowDisabled"
     | "fontFamily"
     | "fontSize"
     | "headerHeight"
     | "headerFontSize"
     | "headerFontWeight"
     | "headerTextTransform"
     | "headerTextAlign"
     | "cellTextAlign"
     | "headerPadding"
     | "cellPadding"
     | "selectionBorder"
     | "selectionBg"
     | "autofillHandleBg"
     | "autofillHandleBorder"
     | "rangeHandleBg"
     | "temporaryRangeBorder"
     | "temporarySelectionBorder"
     | "headerResizeHover"
     | "buttonText"
     | "buttonBg"
     | "buttonSuccessBg"
     | "buttonDangerBg"
     | "buttonOutlineBorder"
     | "buttonOutlineText", string>>;
 } | {
  colorScheme: 'dark';
  defaultRowSize: 40;
  name: 'highContrastDark';
  tokens: Partial<Record<
     | "primary"
     | "primaryTransparent"
     | "background"
     | "foreground"
     | "divider"
     | "shadow"
     | "text"
     | "border"
     | "headerBg"
     | "headerColor"
     | "headerBorder"
     | "headerFocusedBg"
     | "headerHoverBg"
     | "cellBorder"
     | "cellVerticalBorder"
     | "focusedBg"
     | "rowHover"
     | "rowHeadersBg"
     | "rowHeadersColor"
     | "cellDisabledBg"
     | "filterPanelBg"
     | "filterPanelBorder"
     | "filterPanelShadow"
     | "filterPanelInputBg"
     | "filterPanelDivider"
     | "filterPanelSelectBorder"
     | "filterPanelSelectBorderHover"
     | "filterPanelReorderAccent"
     | "filterPanelReorderColor"
     | "filterPanelText"
     | "filterPanelMutedText"
     | "filterPanelFocusRing"
     | "filterPanelIcon"
     | "filterPanelIconActive"
     | "filterPanelSelectArrow"
     | "filterPanelSelectArrowDisabled"
     | "fontFamily"
     | "fontSize"
     | "headerHeight"
     | "headerFontSize"
     | "headerFontWeight"
     | "headerTextTransform"
     | "headerTextAlign"
     | "cellTextAlign"
     | "headerPadding"
     | "cellPadding"
     | "selectionBorder"
     | "selectionBg"
     | "autofillHandleBg"
     | "autofillHandleBorder"
     | "rangeHandleBg"
     | "temporaryRangeBorder"
     | "temporarySelectionBorder"
     | "headerResizeHover"
     | "buttonText"
     | "buttonBg"
     | "buttonSuccessBg"
     | "buttonDangerBg"
     | "buttonOutlineBorder"
     | "buttonOutlineText", string>>;
 })[];

Accessible light and dark high-contrast choices.

Defined in ​

src/themeManager/presets/index.ts:14


midnightTheme ​

ts
const midnightTheme: {
  colorScheme: 'dark';
  defaultRowSize: 40;
  name: 'midnight';
  tokens: Partial<Record<
     | "primary"
     | "primaryTransparent"
     | "background"
     | "foreground"
     | "divider"
     | "shadow"
     | "text"
     | "border"
     | "headerBg"
     | "headerColor"
     | "headerBorder"
     | "headerFocusedBg"
     | "headerHoverBg"
     | "cellBorder"
     | "cellVerticalBorder"
     | "focusedBg"
     | "rowHover"
     | "rowHeadersBg"
     | "rowHeadersColor"
     | "cellDisabledBg"
     | "filterPanelBg"
     | "filterPanelBorder"
     | "filterPanelShadow"
     | "filterPanelInputBg"
     | "filterPanelDivider"
     | "filterPanelSelectBorder"
     | "filterPanelSelectBorderHover"
     | "filterPanelReorderAccent"
     | "filterPanelReorderColor"
     | "filterPanelText"
     | "filterPanelMutedText"
     | "filterPanelFocusRing"
     | "filterPanelIcon"
     | "filterPanelIconActive"
     | "filterPanelSelectArrow"
     | "filterPanelSelectArrowDisabled"
     | "fontFamily"
     | "fontSize"
     | "headerHeight"
     | "headerFontSize"
     | "headerFontWeight"
     | "headerTextTransform"
     | "headerTextAlign"
     | "cellTextAlign"
     | "headerPadding"
     | "cellPadding"
     | "selectionBorder"
     | "selectionBg"
     | "autofillHandleBg"
     | "autofillHandleBorder"
     | "rangeHandleBg"
     | "temporaryRangeBorder"
     | "temporarySelectionBorder"
     | "headerResizeHover"
     | "buttonText"
     | "buttonBg"
     | "buttonSuccessBg"
     | "buttonDangerBg"
     | "buttonOutlineBorder"
     | "buttonOutlineText", string>>;
};

Deep navy preset with cyan selection and violet action accents.

Type declaration ​

NameTypeDefault valueDefined in
colorScheme"dark"'dark'src/themeManager/presets/midnight.ts:77
defaultRowSizenumber40src/themeManager/presets/midnight.ts:78
namestring'midnight'src/themeManager/presets/midnight.ts:76
tokensPartial<Record< | "primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>-src/themeManager/presets/midnight.ts:79

Defined in ​

src/themeManager/presets/midnight.ts:75


modernThemeDefinitions ​

ts
const modernThemeDefinitions: ({
  colorScheme: 'light';
  defaultRowSize: 38;
  name: 'ocean';
  tokens: Partial<Record<
     | "primary"
     | "primaryTransparent"
     | "background"
     | "foreground"
     | "divider"
     | "shadow"
     | "text"
     | "border"
     | "headerBg"
     | "headerColor"
     | "headerBorder"
     | "headerFocusedBg"
     | "headerHoverBg"
     | "cellBorder"
     | "cellVerticalBorder"
     | "focusedBg"
     | "rowHover"
     | "rowHeadersBg"
     | "rowHeadersColor"
     | "cellDisabledBg"
     | "filterPanelBg"
     | "filterPanelBorder"
     | "filterPanelShadow"
     | "filterPanelInputBg"
     | "filterPanelDivider"
     | "filterPanelSelectBorder"
     | "filterPanelSelectBorderHover"
     | "filterPanelReorderAccent"
     | "filterPanelReorderColor"
     | "filterPanelText"
     | "filterPanelMutedText"
     | "filterPanelFocusRing"
     | "filterPanelIcon"
     | "filterPanelIconActive"
     | "filterPanelSelectArrow"
     | "filterPanelSelectArrowDisabled"
     | "fontFamily"
     | "fontSize"
     | "headerHeight"
     | "headerFontSize"
     | "headerFontWeight"
     | "headerTextTransform"
     | "headerTextAlign"
     | "cellTextAlign"
     | "headerPadding"
     | "cellPadding"
     | "selectionBorder"
     | "selectionBg"
     | "autofillHandleBg"
     | "autofillHandleBorder"
     | "rangeHandleBg"
     | "temporaryRangeBorder"
     | "temporarySelectionBorder"
     | "headerResizeHover"
     | "buttonText"
     | "buttonBg"
     | "buttonSuccessBg"
     | "buttonDangerBg"
     | "buttonOutlineBorder"
     | "buttonOutlineText", string>>;
 } | {
  colorScheme: 'dark';
  defaultRowSize: 40;
  name: 'midnight';
  tokens: Partial<Record<
     | "primary"
     | "primaryTransparent"
     | "background"
     | "foreground"
     | "divider"
     | "shadow"
     | "text"
     | "border"
     | "headerBg"
     | "headerColor"
     | "headerBorder"
     | "headerFocusedBg"
     | "headerHoverBg"
     | "cellBorder"
     | "cellVerticalBorder"
     | "focusedBg"
     | "rowHover"
     | "rowHeadersBg"
     | "rowHeadersColor"
     | "cellDisabledBg"
     | "filterPanelBg"
     | "filterPanelBorder"
     | "filterPanelShadow"
     | "filterPanelInputBg"
     | "filterPanelDivider"
     | "filterPanelSelectBorder"
     | "filterPanelSelectBorderHover"
     | "filterPanelReorderAccent"
     | "filterPanelReorderColor"
     | "filterPanelText"
     | "filterPanelMutedText"
     | "filterPanelFocusRing"
     | "filterPanelIcon"
     | "filterPanelIconActive"
     | "filterPanelSelectArrow"
     | "filterPanelSelectArrowDisabled"
     | "fontFamily"
     | "fontSize"
     | "headerHeight"
     | "headerFontSize"
     | "headerFontWeight"
     | "headerTextTransform"
     | "headerTextAlign"
     | "cellTextAlign"
     | "headerPadding"
     | "cellPadding"
     | "selectionBorder"
     | "selectionBg"
     | "autofillHandleBg"
     | "autofillHandleBorder"
     | "rangeHandleBg"
     | "temporaryRangeBorder"
     | "temporarySelectionBorder"
     | "headerResizeHover"
     | "buttonText"
     | "buttonBg"
     | "buttonSuccessBg"
     | "buttonDangerBg"
     | "buttonOutlineBorder"
     | "buttonOutlineText", string>>;
 })[];

Ready-to-register modern presets. Presets remain opt-in and per grid.

Defined in ​

src/themeManager/presets/index.ts:20


oceanTheme ​

ts
const oceanTheme: {
  colorScheme: 'light';
  defaultRowSize: 38;
  name: 'ocean';
  tokens: Partial<Record<
     | "primary"
     | "primaryTransparent"
     | "background"
     | "foreground"
     | "divider"
     | "shadow"
     | "text"
     | "border"
     | "headerBg"
     | "headerColor"
     | "headerBorder"
     | "headerFocusedBg"
     | "headerHoverBg"
     | "cellBorder"
     | "cellVerticalBorder"
     | "focusedBg"
     | "rowHover"
     | "rowHeadersBg"
     | "rowHeadersColor"
     | "cellDisabledBg"
     | "filterPanelBg"
     | "filterPanelBorder"
     | "filterPanelShadow"
     | "filterPanelInputBg"
     | "filterPanelDivider"
     | "filterPanelSelectBorder"
     | "filterPanelSelectBorderHover"
     | "filterPanelReorderAccent"
     | "filterPanelReorderColor"
     | "filterPanelText"
     | "filterPanelMutedText"
     | "filterPanelFocusRing"
     | "filterPanelIcon"
     | "filterPanelIconActive"
     | "filterPanelSelectArrow"
     | "filterPanelSelectArrowDisabled"
     | "fontFamily"
     | "fontSize"
     | "headerHeight"
     | "headerFontSize"
     | "headerFontWeight"
     | "headerTextTransform"
     | "headerTextAlign"
     | "cellTextAlign"
     | "headerPadding"
     | "cellPadding"
     | "selectionBorder"
     | "selectionBg"
     | "autofillHandleBg"
     | "autofillHandleBorder"
     | "rangeHandleBg"
     | "temporaryRangeBorder"
     | "temporarySelectionBorder"
     | "headerResizeHover"
     | "buttonText"
     | "buttonBg"
     | "buttonSuccessBg"
     | "buttonDangerBg"
     | "buttonOutlineBorder"
     | "buttonOutlineText", string>>;
};

Bright blue and slate preset for data-heavy daytime interfaces.

Type declaration ​

NameTypeDefault valueDefined in
colorScheme"light"'light'src/themeManager/presets/ocean.ts:77
defaultRowSizenumber38src/themeManager/presets/ocean.ts:78
namestring'ocean'src/themeManager/presets/ocean.ts:76
tokensPartial<Record< | "primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>-src/themeManager/presets/ocean.ts:79

Defined in ​

src/themeManager/presets/ocean.ts:75


rowTypes ​

ts
const rowTypes: DimensionRows[];

Defined in ​

src/store/index.ts:8


themeTokenCssVariables ​

ts
const themeTokenCssVariables: {
  autofillHandleBg: '--revo-grid-autofill-handle-bg';
  autofillHandleBorder: '--revo-grid-autofill-handle-border';
  background: '--revo-grid-background';
  border: '--revo-grid-border';
  buttonBg: '--revo-grid-button-bg';
  buttonDangerBg: '--revo-grid-button-danger-bg';
  buttonOutlineBorder: '--revo-grid-button-outline-border';
  buttonOutlineText: '--revo-grid-button-outline-text';
  buttonSuccessBg: '--revo-grid-button-success-bg';
  buttonText: '--revo-grid-button-text';
  cellBorder: '--revo-grid-cell-border';
  cellDisabledBg: '--revo-grid-cell-disabled-bg';
  cellPadding: '--revo-grid-cell-padding';
  cellTextAlign: '--revo-grid-cell-text-align';
  cellVerticalBorder: '--revo-grid-cell-vertical-border';
  divider: '--revo-grid-divider';
  filterPanelBg: '--revo-grid-filter-panel-bg';
  filterPanelBorder: '--revo-grid-filter-panel-border';
  filterPanelDivider: '--revo-grid-filter-panel-divider';
  filterPanelFocusRing: '--revo-grid-filter-panel-focus-ring';
  filterPanelIcon: '--revo-grid-filter-panel-icon';
  filterPanelIconActive: '--revo-grid-filter-panel-icon-active';
  filterPanelInputBg: '--revo-grid-filter-panel-input-bg';
  filterPanelMutedText: '--revo-grid-filter-panel-muted-text';
  filterPanelReorderAccent: '--revo-grid-filter-panel-reorder-accent';
  filterPanelReorderColor: '--revo-grid-filter-panel-reorder-color';
  filterPanelSelectArrow: '--revo-grid-filter-panel-select-arrow';
  filterPanelSelectArrowDisabled: '--revo-grid-filter-panel-select-arrow-disabled';
  filterPanelSelectBorder: '--revo-grid-filter-panel-select-border';
  filterPanelSelectBorderHover: '--revo-grid-filter-panel-select-border-hover';
  filterPanelShadow: '--revo-grid-filter-panel-shadow';
  filterPanelText: '--revo-grid-filter-panel-text';
  focusedBg: '--revo-grid-focused-bg';
  fontFamily: '--revo-grid-font-family';
  fontSize: '--revo-grid-font-size';
  foreground: '--revo-grid-foreground';
  headerBg: '--revo-grid-header-bg';
  headerBorder: '--revo-grid-header-border';
  headerColor: '--revo-grid-header-color';
  headerFocusedBg: '--revo-grid-header-focused-bg';
  headerFontSize: '--revo-grid-header-font-size';
  headerFontWeight: '--revo-grid-header-font-weight';
  headerHeight: '--revo-grid-header-height';
  headerHoverBg: '--revo-grid-header-hover-bg';
  headerPadding: '--revo-grid-header-padding';
  headerResizeHover: '--revo-grid-header-resize-hover';
  headerTextAlign: '--revo-grid-header-text-align';
  headerTextTransform: '--revo-grid-header-text-transform';
  primary: '--revo-grid-primary';
  primaryTransparent: '--revo-grid-primary-transparent';
  rangeHandleBg: '--revo-grid-range-handle-bg';
  rowHeadersBg: '--revo-grid-row-headers-bg';
  rowHeadersColor: '--revo-grid-row-headers-color';
  rowHover: '--revo-grid-row-hover';
  selectionBg: '--revo-grid-selection-bg';
  selectionBorder: '--revo-grid-selection-border';
  shadow: '--revo-grid-shadow';
  temporaryRangeBorder: '--revo-grid-temporary-range-border';
  temporarySelectionBorder: '--revo-grid-temporary-selection-border';
  text: '--revo-grid-text';
};

Public theme tokens and their CSS custom-property counterparts. Keep this map as the single source of truth for typed theme definitions.

Type declaration ​

NameTypeDefault valueDefined in
autofillHandleBg"--revo-grid-autofill-handle-bg"'--revo-grid-autofill-handle-bg'src/types/theme.ts:72
autofillHandleBorder"--revo-grid-autofill-handle-border"'--revo-grid-autofill-handle-border'src/types/theme.ts:73
background"--revo-grid-background"'--revo-grid-background'src/types/theme.ts:25
border"--revo-grid-border"'--revo-grid-border'src/types/theme.ts:30
buttonBg"--revo-grid-button-bg"'--revo-grid-button-bg'src/types/theme.ts:79
buttonDangerBg"--revo-grid-button-danger-bg"'--revo-grid-button-danger-bg'src/types/theme.ts:81
buttonOutlineBorder"--revo-grid-button-outline-border"'--revo-grid-button-outline-border'src/types/theme.ts:82
buttonOutlineText"--revo-grid-button-outline-text"'--revo-grid-button-outline-text'src/types/theme.ts:83
buttonSuccessBg"--revo-grid-button-success-bg"'--revo-grid-button-success-bg'src/types/theme.ts:80
buttonText"--revo-grid-button-text"'--revo-grid-button-text'src/types/theme.ts:78
cellBorder"--revo-grid-cell-border"'--revo-grid-cell-border'src/types/theme.ts:36
cellDisabledBg"--revo-grid-cell-disabled-bg"'--revo-grid-cell-disabled-bg'src/types/theme.ts:42
cellPadding"--revo-grid-cell-padding"'--revo-grid-cell-padding'src/types/theme.ts:69
cellTextAlign"--revo-grid-cell-text-align"'--revo-grid-cell-text-align'src/types/theme.ts:67
cellVerticalBorder"--revo-grid-cell-vertical-border"'--revo-grid-cell-vertical-border'src/types/theme.ts:37
divider"--revo-grid-divider"'--revo-grid-divider'src/types/theme.ts:27
filterPanelBg"--revo-grid-filter-panel-bg"'--revo-grid-filter-panel-bg'src/types/theme.ts:43
filterPanelBorder"--revo-grid-filter-panel-border"'--revo-grid-filter-panel-border'src/types/theme.ts:44
filterPanelDivider"--revo-grid-filter-panel-divider"'--revo-grid-filter-panel-divider'src/types/theme.ts:47
filterPanelFocusRing"--revo-grid-filter-panel-focus-ring"'--revo-grid-filter-panel-focus-ring'src/types/theme.ts:54
filterPanelIcon"--revo-grid-filter-panel-icon"'--revo-grid-filter-panel-icon'src/types/theme.ts:55
filterPanelIconActive"--revo-grid-filter-panel-icon-active"'--revo-grid-filter-panel-icon-active'src/types/theme.ts:56
filterPanelInputBg"--revo-grid-filter-panel-input-bg"'--revo-grid-filter-panel-input-bg'src/types/theme.ts:46
filterPanelMutedText"--revo-grid-filter-panel-muted-text"'--revo-grid-filter-panel-muted-text'src/types/theme.ts:53
filterPanelReorderAccent"--revo-grid-filter-panel-reorder-accent"'--revo-grid-filter-panel-reorder-accent'src/types/theme.ts:50
filterPanelReorderColor"--revo-grid-filter-panel-reorder-color"'--revo-grid-filter-panel-reorder-color'src/types/theme.ts:51
filterPanelSelectArrow"--revo-grid-filter-panel-select-arrow"'--revo-grid-filter-panel-select-arrow'src/types/theme.ts:57
filterPanelSelectArrowDisabled"--revo-grid-filter-panel-select-arrow-disabled"'--revo-grid-filter-panel-select-arrow-disabled'src/types/theme.ts:58
filterPanelSelectBorder"--revo-grid-filter-panel-select-border"'--revo-grid-filter-panel-select-border'src/types/theme.ts:48
filterPanelSelectBorderHover"--revo-grid-filter-panel-select-border-hover"'--revo-grid-filter-panel-select-border-hover'src/types/theme.ts:49
filterPanelShadow"--revo-grid-filter-panel-shadow"'--revo-grid-filter-panel-shadow'src/types/theme.ts:45
filterPanelText"--revo-grid-filter-panel-text"'--revo-grid-filter-panel-text'src/types/theme.ts:52
focusedBg"--revo-grid-focused-bg"'--revo-grid-focused-bg'src/types/theme.ts:38
fontFamily"--revo-grid-font-family"'--revo-grid-font-family'src/types/theme.ts:60
fontSize"--revo-grid-font-size"'--revo-grid-font-size'src/types/theme.ts:61
foreground"--revo-grid-foreground"'--revo-grid-foreground'src/types/theme.ts:26
headerBg"--revo-grid-header-bg"'--revo-grid-header-bg'src/types/theme.ts:31
headerBorder"--revo-grid-header-border"'--revo-grid-header-border'src/types/theme.ts:33
headerColor"--revo-grid-header-color"'--revo-grid-header-color'src/types/theme.ts:32
headerFocusedBg"--revo-grid-header-focused-bg"'--revo-grid-header-focused-bg'src/types/theme.ts:34
headerFontSize"--revo-grid-header-font-size"'--revo-grid-header-font-size'src/types/theme.ts:63
headerFontWeight"--revo-grid-header-font-weight"'--revo-grid-header-font-weight'src/types/theme.ts:64
headerHeight"--revo-grid-header-height"'--revo-grid-header-height'src/types/theme.ts:62
headerHoverBg"--revo-grid-header-hover-bg"'--revo-grid-header-hover-bg'src/types/theme.ts:35
headerPadding"--revo-grid-header-padding"'--revo-grid-header-padding'src/types/theme.ts:68
headerResizeHover"--revo-grid-header-resize-hover"'--revo-grid-header-resize-hover'src/types/theme.ts:77
headerTextAlign"--revo-grid-header-text-align"'--revo-grid-header-text-align'src/types/theme.ts:66
headerTextTransform"--revo-grid-header-text-transform"'--revo-grid-header-text-transform'src/types/theme.ts:65
primary"--revo-grid-primary"'--revo-grid-primary'src/types/theme.ts:23
primaryTransparent"--revo-grid-primary-transparent"'--revo-grid-primary-transparent'src/types/theme.ts:24
rangeHandleBg"--revo-grid-range-handle-bg"'--revo-grid-range-handle-bg'src/types/theme.ts:74
rowHeadersBg"--revo-grid-row-headers-bg"'--revo-grid-row-headers-bg'src/types/theme.ts:40
rowHeadersColor"--revo-grid-row-headers-color"'--revo-grid-row-headers-color'src/types/theme.ts:41
rowHover"--revo-grid-row-hover"'--revo-grid-row-hover'src/types/theme.ts:39
selectionBg"--revo-grid-selection-bg"'--revo-grid-selection-bg'src/types/theme.ts:71
selectionBorder"--revo-grid-selection-border"'--revo-grid-selection-border'src/types/theme.ts:70
shadow"--revo-grid-shadow"'--revo-grid-shadow'src/types/theme.ts:28
temporaryRangeBorder"--revo-grid-temporary-range-border"'--revo-grid-temporary-range-border'src/types/theme.ts:75
temporarySelectionBorder"--revo-grid-temporary-selection-border"'--revo-grid-temporary-selection-border'src/types/theme.ts:76
text"--revo-grid-text"'--revo-grid-text'src/types/theme.ts:29

Defined in ​

src/types/theme.ts:22


AndOrButton() ​

ts
function AndOrButton(__namedParameters: AndOrButtonProps): any

Parameters ​

ParameterType
__namedParametersAndOrButtonProps

Returns ​

any

Defined in ​

src/plugins/filter/filter.button.tsx:59


CellRenderer() ​

ts
function CellRenderer(__namedParameters: {
  cellProps: any;
  renderProps: RenderProps;
 }): VNode

Parameters ​

ParameterType
__namedParametersobject
__namedParameters.cellPropsany
__namedParameters.renderPropsRenderProps

Returns ​

VNode

Defined in ​

src/components/data/cell-renderer.tsx:69


FilterButton() ​

ts
function FilterButton(__namedParameters: Props): any

Parameters ​

ParameterType
__namedParametersProps

Returns ​

any

Defined in ​

src/plugins/filter/filter.button.tsx:15


GroupingRowRenderer() ​

ts
function GroupingRowRenderer(props: RowGroupingProps): any

Parameters ​

ParameterType
propsRowGroupingProps

Returns ​

any

Defined in ​

src/plugins/groupingRow/grouping.row.renderer.tsx:123


ReorderButton() ​

ts
function ReorderButton(__namedParameters: ReorderButtonProps): any

Parameters ​

ParameterType
__namedParametersReorderButtonProps

Returns ​

any

Defined in ​

src/plugins/filter/filter.button.tsx:75


SortingSign() ​

ts
function SortingSign(__namedParameters: Props): any

Renders sorting direction and optional additive sorting rank.

Parameters ​

ParameterType
__namedParametersProps

Returns ​

any

Defined in ​

src/plugins/sorting/sorting.sign.tsx:12


TrashButton() ​

ts
function TrashButton(__namedParameters: TrashButtonProps): any

Parameters ​

ParameterType
__namedParametersTrashButtonProps

Returns ​

any

Defined in ​

src/plugins/filter/filter.button.tsx:40


addMissingItems() ​

ts
function addMissingItems<T>(
   firstItem: PositionItem, 
   realCount: number, 
   virtualSize: number, 
   existingCollection: T, 
   dimension: Pick<DimensionSettingsState, "originItemSize" | "sizes">): VirtualPositionItem[]

If partial replacement this function adds items if viewport has some space left

Type Parameters ​

Type Parameter
T extends ItemsToUpdate

Parameters ​

ParameterType
firstItemPositionItem
realCountnumber
virtualSizenumber
existingCollectionT
dimensionPick<DimensionSettingsState, "originItemSize" | "sizes">

Returns ​

VirtualPositionItem[]

Defined in ​

src/store/vp/viewport.helpers.ts:173


applyMixins() ​

ts
function applyMixins(derivedCtor: any, constructors: any[]): void

Type script mixins

Parameters ​

ParameterType
derivedCtorany
constructorsany[]

Returns ​

void

Defined in ​

src/utils/index.ts:140


calculateDimensionData() ​

ts
function calculateDimensionData(originItemSize: number, newSizes: ViewSettingSizeProp): {
  indexToItem: {};
  indexes: newIndexes;
  positionIndexToItem: {};
  positionIndexes: number[];
}

Pre-calculation Dimension custom sizes for each cell Keeps only changed sizes, skips origin size

Parameters ​

ParameterType
originItemSizenumber
newSizesViewSettingSizeProp

Returns ​

ts
{
  indexToItem: {};
  indexes: newIndexes;
  positionIndexToItem: {};
  positionIndexes: number[];
}
NameTypeDefault valueDefined in
indexToItem{}-src/store/dimension/dimension.helpers.ts:66
indexesnumber[]newIndexessrc/store/dimension/dimension.helpers.ts:63
positionIndexToItem{}-src/store/dimension/dimension.helpers.ts:65
positionIndexesnumber[]-src/store/dimension/dimension.helpers.ts:64

Defined in ​

src/store/dimension/dimension.helpers.ts:31


calculateRowHeaderSize() ​

ts
function calculateRowHeaderSize(
   itemsLength: number, 
   rowHeaderColumn?: RowHeaders, 
   minWidth?: number): number

Parameters ​

ParameterTypeDefault value
itemsLengthnumberundefined
rowHeaderColumn?RowHeadersundefined
minWidth?number50

Returns ​

number

Defined in ​

src/utils/row-header-utils.ts:4


clampRowResizeHeight() ​

ts
function clampRowResizeHeight(height: number, config: ResolvedRowResizeConfig): number

Parameters ​

ParameterType
heightnumber
configResolvedRowResizeConfig

Returns ​

number

Defined in ​

src/plugins/row-resize/row-resize.utils.ts:29


clampViewportCoordinate() ​

ts
function clampViewportCoordinate(
   coordinate: number, 
   dimension: Pick<DimensionSettingsState, "originItemSize" | "realSize">, 
   viewportSize: number, 
   frameOffset: number): number

Clamp the viewport coordinate within the valid range. Given a scroll position, pick a safe starting point for rendering visible items.

Do not use it when you need the exact scroll position for positioning math.

It does two things:

  1. If the coordinate is below 0, use 0.
  2. If the coordinate is too close to the very end, pull it back a bit.

Example:

content height: 1000px viewport height: 200px row height: 30px The real max scroll is:

1000 - 200 = 800 But clampViewportCoordinate may clamp to:

1000 - 200 - 30 = 770 Ask for 800 -> it returns 770.

Parameters ​

ParameterTypeDefault value
coordinatenumberundefined
dimensionPick<DimensionSettingsState, "originItemSize" | "realSize">undefined
viewportSizenumberundefined
frameOffsetnumber1

Returns ​

number

Defined in ​

src/store/vp/viewport.helpers.ts:61


createRowResizePatch() ​

ts
function createRowResizePatch(indexes: number[], size: number): ViewSettingSizeProp

Parameters ​

ParameterType
indexesnumber[]
sizenumber

Returns ​

ViewSettingSizeProp

Defined in ​

src/plugins/row-resize/row-resize.utils.ts:75


cropCellToMax() ​

ts
function cropCellToMax(cell: Cell, lastCell: Cell): Cell

Parameters ​

ParameterType
cellCell
lastCellCell

Returns ​

Cell

Defined in ​

src/store/selection/selection.helpers.ts:24


defaultCellCompare() ​

ts
function defaultCellCompare(
   this: {
  column: ColumnRegular<ColumnProp, DataType<any, ColumnProp>>;
 }, 
   prop: ColumnProp, 
   a: DataType, 
   b: DataType): -1 | 0 | 1

Parameters ​

ParameterType
thisobject
this.column?ColumnRegular<ColumnProp, DataType<any, ColumnProp>>
propColumnProp
aDataType
bDataType

Returns ​

-1 | 0 | 1

Defined in ​

src/plugins/sorting/sorting.func.ts:276


defineTheme() ​

ts
function defineTheme<T>(theme: T): T

Type-safe identity helper for reusable theme definitions.

Type Parameters ​

Type Parameter
T extends ThemeDefinition

Parameters ​

ParameterType
themeT

Returns ​

T

Defined in ​

src/types/theme.ts:107


descCellCompare() ​

ts
function descCellCompare(cmp: CellCompareFunc): (prop: ColumnProp, a: DataType, b: DataType) => number

Parameters ​

ParameterType
cmpCellCompareFunc

Returns ​

Function

Parameters ​

ParameterType
propColumnProp
aDataType
bDataType

Returns ​

number

Defined in ​

src/plugins/sorting/sorting.func.ts:284


dispatch() ​

ts
function dispatch<DispatchDetail>(
   target: null | EventTarget, 
   eventName: string, 
detail?: DispatchDetail): CustomEvent<DispatchDetail>

Dispatches a custom event to a specified target element.

Type Parameters ​

Type ParameterDefault type
DispatchDetailany

Parameters ​

ParameterTypeDescription
targetnull | EventTargetThe target element to dispatch the event to.
eventNamestringThe name of the custom event.
detail?DispatchDetailOptional. The detail of the custom event.

Returns ​

CustomEvent<DispatchDetail>

The custom event that was dispatched.

Defined in ​

src/plugins/dispatcher.ts:9


dispatchByEvent() ​

ts
function dispatchByEvent<DispatchDetail>(
   e: Pick<MouseEvent, "target" | "preventDefault">, 
   eventName: string, 
   detail?: DispatchDetail): CustomEvent

Dispatches a custom event based on an existing event object and prevents the default behavior of the original event.

Type Parameters ​

Type ParameterDefault type
DispatchDetailany

Parameters ​

ParameterTypeDescription
ePick<MouseEvent, "target" | "preventDefault">The original event object containing the target and preventDefault method.
eventNamestringThe name of the custom event.
detail?DispatchDetailOptional. The detail of the custom event.

Returns ​

CustomEvent

The custom event that was dispatched.

Defined in ​

src/plugins/dispatcher.ts:36


doCollapse() ​

ts
function doCollapse(pIndex: number, source: DataType[]): {
  trimmed: Record<number, boolean>;
}

Parameters ​

ParameterType
pIndexnumber
sourceDataType[]

Returns ​

ts
{
  trimmed: Record<number, boolean>;
}
NameTypeDefined in
trimmedRecord<number, boolean>src/plugins/groupingRow/grouping.row.expand.service.ts:24

Defined in ​

src/plugins/groupingRow/grouping.row.expand.service.ts:6


doExpand() ​

ts
function doExpand(
   vIndex: number, 
   source: DataType[], 
   rowItemsIndexes: number[]): {
  items: number[];
  trimmed: Record<number, boolean>;
}

Parameters ​

ParameterTypeDescription
vIndexnumbervirtual index, need to update item collection
sourceDataType[]data source
rowItemsIndexesnumber[]rgRow indexes

Returns ​

ts
{
  items: number[];
  trimmed: Record<number, boolean>;
}
NameTypeDefined in
itemsnumber[]src/plugins/groupingRow/grouping.row.expand.service.ts:73
trimmedRecord<number, boolean>src/plugins/groupingRow/grouping.row.expand.service.ts:72

Defined in ​

src/plugins/groupingRow/grouping.row.expand.service.ts:34


expandEvent() ​

ts
function expandEvent(
   e: MouseEvent, 
   model: DataType, 
   virtualIndex: number): void

Parameters ​

ParameterType
eMouseEvent
modelDataType
virtualIndexnumber

Returns ​

void

Defined in ​

src/plugins/groupingRow/grouping.row.renderer.tsx:20


expandSvgIconVNode() ​

ts
function expandSvgIconVNode(expanded: boolean): any

Parameters ​

ParameterTypeDefault value
expandedbooleanfalse

Returns ​

any

Defined in ​

src/plugins/groupingRow/grouping.row.renderer.tsx:185


findPositionInArray() ​

ts
function findPositionInArray<T>(
   this: T[], 
   el: T, 
   compareFn: (el: T, el2: T) => number): number

Type Parameters ​

Type Parameter
T

Parameters ​

ParameterType
thisT[]
elT
compareFn(el: T, el2: T) => number

Returns ​

number

Defined in ​

src/utils/index.ts:22


gatherGroup() ​

ts
function gatherGroup<T>(
   res: T, 
   colData: ColumnGrouping<any>, 
   collection: T, 
   existingColumnsByType?: Record<DimensionCols, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]>, 
   level?: number): T

Type Parameters ​

Type Parameter
T extends ColumnCollection

Parameters ​

ParameterTypeDefault value
resTundefined
colDataColumnGrouping<any>undefined
collectionTundefined
existingColumnsByType?Record<DimensionCols, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]>undefined
level?number0

Returns ​

T

Defined in ​

src/utils/column.utils.ts:176


gatherGrouping() ​

ts
function gatherGrouping(
   array: DataType[], 
   columnProps: ColumnProp[], 
   expanded: ExpandedOptions): {
  depth: groupingDepth;
  oldNewIndexMap: Record<number, number>;
  sourceWithGroups: DataType[];
  trimmed: Record<number, boolean>;
}

Gather data for grouping

Parameters ​

ParameterTypeDescription
arrayDataType[]flat data array
columnPropsColumnProp[]ids of groups
expandedExpandedOptionspotentially expanded items if present

Returns ​

ts
{
  depth: groupingDepth;
  oldNewIndexMap: Record<number, number>;
  sourceWithGroups: DataType[];
  trimmed: Record<number, boolean>;
}
NameTypeDefault valueDefined in
depthnumbergroupingDepthsrc/plugins/groupingRow/grouping.service.ts:213
oldNewIndexMapRecord<number, number>-src/plugins/groupingRow/grouping.service.ts:215
sourceWithGroupsDataType[]-src/plugins/groupingRow/grouping.service.ts:212
trimmedRecord<number, boolean>-src/plugins/groupingRow/grouping.service.ts:214

Defined in ​

src/plugins/groupingRow/grouping.service.ts:158


gatherTrimmedItems() ​

ts
function gatherTrimmedItems(trimmedItems: Trimmed): TrimmedEntity

Parameters ​

ParameterType
trimmedItemsTrimmed

Returns ​

TrimmedEntity

Defined in ​

src/store/dataSource/trimmed.plugin.ts:28


getCellData() ​

ts
function getCellData(val?: any): any

Parameters ​

ParameterType
val?any

Returns ​

any

Defined in ​

src/utils/column.utils.ts:22


getCellDataParsed() ​

ts
function getCellDataParsed(model: DataType, column: ColumnRegular<ColumnProp, DataType<any, ColumnProp>>): any

Parameters ​

ParameterType
modelDataType
columnColumnRegular<ColumnProp, DataType<any, ColumnProp>>

Returns ​

any

Defined in ​

src/utils/column.utils.ts:39


getCellRaw() ​

ts
function getCellRaw(model: DataType, column?: ColumnRegular<ColumnProp, DataType<any, ColumnProp>>): any

Parameters ​

ParameterType
modelDataType
column?ColumnRegular<ColumnProp, DataType<any, ColumnProp>>

Returns ​

any

Defined in ​

src/utils/column.utils.ts:29


getColumnByProp() ​

ts
function getColumnByProp(columns: ColumnData, prop: ColumnProp): ColumnRegular | undefined

Parameters ​

ParameterType
columnsColumnData
propColumnProp

Returns ​

ColumnRegular | undefined

Defined in ​

src/utils/column.utils.ts:249


getColumnDragPosition() ​

ts
function getColumnDragPosition(
   targetItem: PositionItem, 
   startItem: PositionItem, 
   renderOffset: number, 
   scrollOffset: number): number

Parameters ​

ParameterType
targetItemPositionItem
startItemPositionItem
renderOffsetnumber
scrollOffsetnumber

Returns ​

number

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:356


getColumnSizes() ​

ts
function getColumnSizes(cols: ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]): ViewSettingSizeProp

Parameters ​

ParameterType
colsColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]

Returns ​

ViewSettingSizeProp

Defined in ​

src/utils/column.utils.ts:81


getColumnType() ​

ts
function getColumnType(rgCol: ColumnRegular<ColumnProp, DataType<any, ColumnProp>>): DimensionCols

Get column type from column data

Parameters ​

ParameterType
rgColColumnRegular<ColumnProp, DataType<any, ColumnProp>>

Returns ​

DimensionCols

Defined in ​

src/utils/column.utils.ts:74


getColumns() ​

ts
function getColumns(
   columns: ColumnData, 
   level: number, 
   types?: ColumnTypes, 
   resFromRoot?: Partial<ColumnCollection>): ColumnCollection

This function is used to create a collection of columns.

Parameters ​

ParameterTypeDefault value
columnsColumnDataundefined
levelnumber0
types?ColumnTypesundefined
resFromRoot?Partial<ColumnCollection>undefined

Returns ​

ColumnCollection

Defined in ​

src/utils/column.utils.ts:104


getComparer() ​

ts
function getComparer(column: undefined | Partial<ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>, order: Order): CellCompareFunc | undefined

Parameters ​

ParameterType
columnundefined | Partial<ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>
orderOrder

Returns ​

CellCompareFunc | undefined

Defined in ​

src/plugins/sorting/sorting.func.ts:302


getExpanded() ​

ts
function getExpanded(model: DataType): any

Parameters ​

ParameterType
modelDataType

Returns ​

any

Defined in ​

src/plugins/groupingRow/grouping.service.ts:69


getFirstItem() ​

ts
function getFirstItem(s: ItemsToUpdate): VirtualPositionItem

Parameters ​

ParameterType
sItemsToUpdate

Returns ​

VirtualPositionItem

Defined in ​

src/store/vp/viewport.helpers.ts:390


getGroupingName() ​

ts
function getGroupingName(rgRow?: DataType): any

Parameters ​

ParameterType
rgRow?DataType

Returns ​

any

Defined in ​

src/plugins/groupingRow/grouping.service.ts:219


getItemByIndex() ​

ts
function getItemByIndex(dimension: Pick<DimensionIndexInput, "indexes" | "originItemSize" | "indexToItem">, index: number): PositionItem

Parameters ​

ParameterType
dimensionPick<DimensionIndexInput, "indexes" | "originItemSize" | "indexToItem">
indexnumber

Returns ​

PositionItem

Defined in ​

src/store/dimension/dimension.helpers.ts:109


getItemByPosition() ​

ts
function getItemByPosition(__namedParameters: Pick<DimensionPosition, "indexes" | "positionIndexes" | "originItemSize" | "positionIndexToItem">, pos: number): PositionItem

Calculate item by position

Parameters ​

ParameterType
__namedParametersPick<DimensionPosition, "indexes" | "positionIndexes" | "originItemSize" | "positionIndexToItem">
posnumber

Returns ​

PositionItem

Defined in ​

src/store/dimension/dimension.helpers.ts:73


getItems() ​

ts
function getItems(opt: {
  firstItemIndex: number;
  firstItemStart: number;
  maxCount: number;
  maxSize: number;
  origSize: number;
  sizes: ViewSettingSizeProp;
 }, currentSize: number): VirtualPositionItem[]

Get wiewport items parameters caching position and calculating items count in viewport

Parameters ​

ParameterTypeDefault value
optobjectundefined
opt.firstItemIndexnumberundefined
opt.firstItemStartnumberundefined
opt.maxCountnumberundefined
opt.maxSizenumberundefined
opt.origSizenumberundefined
opt.sizes?ViewSettingSizePropundefined
currentSizenumber0

Returns ​

VirtualPositionItem[]

Defined in ​

src/store/vp/viewport.helpers.ts:196


getLastItem() ​

ts
function getLastItem(s: ItemsToUpdate): VirtualPositionItem

Parameters ​

ParameterType
sItemsToUpdate

Returns ​

VirtualPositionItem

Defined in ​

src/store/vp/viewport.helpers.ts:396


getLeftRelative() ​

ts
function getLeftRelative(
   absoluteX: number, 
   gridPos: number, 
   offset: number): number

Parameters ​

ParameterType
absoluteXnumber
gridPosnumber
offsetnumber

Returns ​

number

Defined in ​

src/plugins/moveColumn/column.drag.plugin.ts:348


getNextOrder() ​

ts
function getNextOrder(currentOrder: Order): Order

Parameters ​

ParameterType
currentOrderOrder

Returns ​

Order

Defined in ​

src/plugins/sorting/sorting.func.ts:290


getParsedGroup() ​

ts
function getParsedGroup(id: string): null | any[]

Parameters ​

ParameterType
idstring

Returns ​

null | any[]

Defined in ​

src/plugins/groupingRow/grouping.service.ts:250


getPhysical() ​

ts
function getPhysical(store: Observable<DSourceState<any, any>>, virtualIndex: number): number

get physical index by virtual

Parameters ​

ParameterTypeDescription
storeObservable<DSourceState<any, any>>store to process
virtualIndexnumber-

Returns ​

number

Defined in ​

src/store/dataSource/data.store.ts:183


getRange() ​

ts
function getRange(start?: null | Cell, end?: null | Cell): RangeArea | null

Parameters ​

ParameterType
start?null | Cell
end?null | Cell

Returns ​

RangeArea | null

Defined in ​

src/store/selection/selection.helpers.ts:39


getRowResizeIndexes() ​

ts
function getRowResizeIndexes(__namedParameters: {
  rowCount: number;
  rowIndex: number;
  rowType: DimensionRows;
  selectedRange: null | RangeArea;
  selectedRowType: DimensionRows;
 }): number[]

Parameters ​

ParameterType
__namedParametersobject
__namedParameters.rowCountnumber
__namedParameters.rowIndexnumber
__namedParameters.rowTypeDimensionRows
__namedParameters.selectedRange?null | RangeArea
__namedParameters.selectedRowType?DimensionRows

Returns ​

number[]

Defined in ​

src/plugins/row-resize/row-resize.utils.ts:42


getScrollbarSize() ​

ts
function getScrollbarSize(document: Document): number

Calculate system scrollbar size

Parameters ​

ParameterType
documentDocument

Returns ​

number

Defined in ​

src/utils/index.ts:87


getSortingIndex() ​

ts
function getSortingIndex(
   sorting: undefined | SortingOrder, 
   prop: ColumnProp, 
   sortingOrder?: SortingColumnOrder): SortingColumnRender["sortIndex"]

Returns one-based additive sorting rank for a column.

A single active sort does not need a visible rank, so it returns undefined.

Parameters ​

ParameterType
sortingundefined | SortingOrder
propColumnProp
sortingOrder?SortingColumnOrder

Returns ​

SortingColumnRender["sortIndex"]

Defined in ​

src/plugins/sorting/sorting.func.ts:58


getSource() ​

ts
function getSource(
   source: DataType[], 
   items: number[], 
withoutGrouping: boolean): Required<SourceGather>

Parameters ​

ParameterTypeDefault value
sourceDataType[]undefined
itemsnumber[]undefined
withoutGroupingbooleanfalse

Returns ​

Required<SourceGather>

Defined in ​

src/plugins/groupingRow/grouping.service.ts:34


getSourceItem() ​

ts
function getSourceItem<T1, T2>(store: Observable<DSourceState<T1, T2>>, virtualIndex: number): T1

get mapped item from source

Type Parameters ​

Type Parameter
T1 extends GDataType
T2 extends GDimension

Parameters ​

ParameterTypeDescription
storeObservable<DSourceState<T1, T2>>store to process
virtualIndexnumbervirtual index to process

Returns ​

T1

Defined in ​

src/store/dataSource/data.store.ts:207


getSourceItemVirtualIndexByProp() ​

ts
function getSourceItemVirtualIndexByProp(store: Observable<DSourceState<any, any>>, prop: ColumnProp): number

Parameters ​

ParameterType
storeObservable<DSourceState<any, any>>
propColumnProp

Returns ​

number

Defined in ​

src/store/dataSource/data.store.ts:276


getSourcePhysicalIndex() ​

ts
function getSourcePhysicalIndex<T1, T2>(store: Observable<DSourceState<T1, T2>>, virtualIndex: number): number

Get physical index from virtual index

Type Parameters ​

Type Parameter
T1 extends GDataType
T2 extends GDimension

Parameters ​

ParameterType
storeObservable<DSourceState<T1, T2>>
virtualIndexnumber

Returns ​

number

Defined in ​

src/store/dataSource/data.store.ts:217


getUpdatedItemsByPosition() ​

ts
function getUpdatedItemsByPosition<T>(
   pos: number, 
   items: T, 
   realCount: number, 
   virtualSize: number, 
   dimension: DimensionDataViewport): ItemsToUpdate

Update items based on new scroll position If viewport wasn't changed fully simple recombination of positions Otherwise rebuild viewport items

Type Parameters ​

Type Parameter
T extends ItemsToUpdate

Parameters ​

ParameterType
posnumber
itemsT
realCountnumber
virtualSizenumber
dimensionDimensionDataViewport

Returns ​

ItemsToUpdate

Defined in ​

src/store/vp/viewport.helpers.ts:78


getViewportMaxCoordinate() ​

ts
function getViewportMaxCoordinate(
   dimension: Pick<DimensionSettingsState, "originItemSize" | "realSize">, 
   viewportSize: number, 
   frameOffset: number): number

Parameters ​

ParameterTypeDefault value
dimensionPick<DimensionSettingsState, "originItemSize" | "realSize">undefined
viewportSizenumberundefined
frameOffsetnumber1

Returns ​

number

Defined in ​

src/store/vp/viewport.helpers.ts:24


getVisibleItems() ​

ts
function getVisibleItems(proxyItems: number[], trimmedItems: Trimmed): number[]

Preserve proxy order while removing physical indexes hidden by any trim layer.

Parameters ​

ParameterType
proxyItemsnumber[]
trimmedItemsTrimmed

Returns ​

number[]

Defined in ​

src/store/dataSource/trimmed.plugin.ts:44


getVisibleSourceItem() ​

ts
function getVisibleSourceItem(store: Observable<DSourceState<any, any>>): any[]

get all visible items

Parameters ​

ParameterTypeDescription
storeObservable<DSourceState<any, any>>store to process

Returns ​

any[]

Defined in ​

src/store/dataSource/data.store.ts:195


h() ​

h(sel) ​

ts
function h(sel: any): VNode

Parameters ​

ParameterType
selany

Returns ​

VNode

Defined in ​

node_modules/@stencil/core/internal/stencil-public-runtime.d.ts:689

h(sel, data) ​

ts
function h(sel: Node, data: null | VNodeData): VNode

Parameters ​

ParameterType
selNode
datanull | VNodeData

Returns ​

VNode

Defined in ​

node_modules/@stencil/core/internal/stencil-public-runtime.d.ts:690

h(sel, data) ​

ts
function h(sel: any, data: null | VNodeData): VNode

Parameters ​

ParameterType
selany
datanull | VNodeData

Returns ​

VNode

Defined in ​

node_modules/@stencil/core/internal/stencil-public-runtime.d.ts:691

h(sel, text) ​

ts
function h(sel: any, text: string): VNode

Parameters ​

ParameterType
selany
textstring

Returns ​

VNode

Defined in ​

node_modules/@stencil/core/internal/stencil-public-runtime.d.ts:692

h(sel, children) ​

ts
function h(sel: any, children: (undefined | null | VNode)[]): VNode

Parameters ​

ParameterType
selany
children(undefined | null | VNode)[]

Returns ​

VNode

Defined in ​

node_modules/@stencil/core/internal/stencil-public-runtime.d.ts:693

h(sel, data, text) ​

ts
function h(
   sel: any, 
   data: null | VNodeData, 
   text: string): VNode

Parameters ​

ParameterType
selany
datanull | VNodeData
textstring

Returns ​

VNode

Defined in ​

node_modules/@stencil/core/internal/stencil-public-runtime.d.ts:694

h(sel, data, children) ​

ts
function h(
   sel: any, 
   data: null | VNodeData, 
   children: (undefined | null | VNode)[]): VNode

Parameters ​

ParameterType
selany
datanull | VNodeData
children(undefined | null | VNode)[]

Returns ​

VNode

Defined in ​

node_modules/@stencil/core/internal/stencil-public-runtime.d.ts:695

h(sel, data, children) ​

ts
function h(
   sel: any, 
   data: null | VNodeData, 
   children: VNode): VNode

Parameters ​

ParameterType
selany
datanull | VNodeData
childrenVNode

Returns ​

VNode

Defined in ​

node_modules/@stencil/core/internal/stencil-public-runtime.d.ts:696

h(sel, data, children) ​

ts
function h(
   sel: any, 
   data: null | VNodeData, ...
   children: (string | number | VNode)[]): VNode

Parameters ​

ParameterType
selany
datanull | VNodeData
...children(string | number | VNode)[]

Returns ​

VNode

Defined in ​

node_modules/@stencil/core/internal/stencil-public-runtime.d.ts:697


hasActiveSorting() ​

ts
function hasActiveSorting(sorting?: SortingOrder): boolean

Checks whether a sorting map contains at least one active order.

Empty maps and properties with undefined order are treated as inactive.

Parameters ​

ParameterType
sorting?SortingOrder

Returns ​

boolean

Defined in ​

src/plugins/sorting/sorting.func.ts:18


isActiveRange() ​

ts
function isActiveRange(
   pos: number, 
   realSize: number, 
   first?: PositionItem, 
   last?: PositionItem): boolean

Verify if position is in range of the PositionItem, start and end are included

Parameters ​

ParameterType
posnumber
realSizenumber
first?PositionItem
last?PositionItem

Returns ​

boolean

Defined in ​

src/store/vp/viewport.helpers.ts:360


isActiveRangeOutsideLastItem() ​

ts
function isActiveRangeOutsideLastItem(
   pos: number, 
   virtualSize: number, 
   firstItem?: PositionItem, 
   lastItem?: PositionItem): boolean

Parameters ​

ParameterType
posnumber
virtualSizenumber
firstItem?PositionItem
lastItem?PositionItem

Returns ​

boolean

Defined in ​

src/store/vp/viewport.helpers.ts:377


isAll() ​

ts
function isAll(event: KeyboardEvent): boolean

Parameters ​

ParameterType
eventKeyboardEvent

Returns ​

boolean

Defined in ​

src/utils/key.utils.ts:95


isBlankValue() ​

ts
function isBlankValue(value: any, context: FilterEvaluationContext<DataType, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>): boolean

Evaluate blankness from the unparsed source value and property presence.

Parameters ​

ParameterType
valueany
contextFilterEvaluationContext<DataType, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>

Returns ​

boolean

Defined in ​

src/plugins/filter/filter.blank.ts:49


isClear() ​

ts
function isClear(code: string): boolean

Parameters ​

ParameterType
codestring

Returns ​

boolean

Defined in ​

src/utils/key.utils.ts:62


isColGrouping() ​

ts
function isColGrouping(colData: ColumnRegular<ColumnProp, DataType<any, ColumnProp>> | ColumnGrouping<any>): colData is ColumnGrouping<any>

Check if column is grouping column

Parameters ​

ParameterType
colDataColumnRegular<ColumnProp, DataType<any, ColumnProp>> | ColumnGrouping<any>

Returns ​

colData is ColumnGrouping<any>

Defined in ​

src/utils/column.utils.ts:95


isCopy() ​

ts
function isCopy(event: KeyboardEvent): boolean

Parameters ​

ParameterType
eventKeyboardEvent

Returns ​

boolean

Defined in ​

src/utils/key.utils.ts:83


isCtrlKey() ​

ts
function isCtrlKey(code: number, platform: string): boolean

Parameters ​

ParameterType
codenumber
platformstring

Returns ​

boolean

Defined in ​

src/utils/key.utils.ts:41


isCtrlMetaKey() ​

ts
function isCtrlMetaKey(code: codes): boolean

Parameters ​

ParameterType
codecodes

Returns ​

boolean

Defined in ​

src/utils/key.utils.ts:53


isCut() ​

ts
function isCut(event: KeyboardEvent): boolean

Parameters ​

ParameterType
eventKeyboardEvent

Returns ​

boolean

Defined in ​

src/utils/key.utils.ts:77


isEditInput() ​

ts
function isEditInput(el?: HTMLElement): boolean

Parameters ​

ParameterType
el?HTMLElement

Returns ​

boolean

Defined in ​

src/components/editors/edit.utils.ts:6


isEditorCtrConstructible() ​

ts
function isEditorCtrConstructible(editor: any): editor is EditorCtrConstructible

Parameters ​

ParameterType
editorany

Returns ​

editor is EditorCtrConstructible

Defined in ​

src/components/editors/edit.utils.ts:12


isEnterKeyValue() ​

ts
function isEnterKeyValue(key: string): boolean

Parameters ​

ParameterType
keystring

Returns ​

boolean

Defined in ​

src/utils/key.utils.ts:73


isFilterBtn() ​

ts
function isFilterBtn(e: Element): null | true | Element

Parameters ​

ParameterType
eElement

Returns ​

null | true | Element

Defined in ​

src/plugins/filter/filter.button.tsx:109


isGrouping() ​

ts
function isGrouping(rgRow?: DataType): rgRow is GroupingItem

Parameters ​

ParameterType
rgRow?DataType

Returns ​

rgRow is GroupingItem

Defined in ​

src/plugins/groupingRow/grouping.service.ts:231


isGroupingColumn() ​

ts
function isGroupingColumn(column?: ColumnRegular<ColumnProp, DataType<any, ColumnProp>>): boolean

Parameters ​

ParameterType
column?ColumnRegular<ColumnProp, DataType<any, ColumnProp>>

Returns ​

boolean

Defined in ​

src/plugins/groupingRow/grouping.service.ts:235


isMetaKey() ​

ts
function isMetaKey(code: number): boolean

Parameters ​

ParameterType
codenumber

Returns ​

boolean

Defined in ​

src/utils/key.utils.ts:5


isPaste() ​

ts
function isPaste(event: KeyboardEvent): boolean

Parameters ​

ParameterType
eventKeyboardEvent

Returns ​

boolean

Defined in ​

src/utils/key.utils.ts:89


isRangeSingleCell() ​

ts
function isRangeSingleCell(a: RangeArea): boolean

Parameters ​

ParameterType
aRangeArea

Returns ​

boolean

Defined in ​

src/store/selection/selection.helpers.ts:50


isRowType() ​

ts
function isRowType(type: any): type is DimensionRows

Parameters ​

ParameterType
typeany

Returns ​

type is DimensionRows

Defined in ​

src/store/index.ts:15


isSameGroup() ​

ts
function isSameGroup(
   currentGroup: any[], 
   currentModel: DataType, 
   nextModel: DataType): boolean

Parameters ​

ParameterType
currentGroupany[]
currentModelDataType
nextModelDataType

Returns ​

boolean

Defined in ​

src/plugins/groupingRow/grouping.service.ts:260


isShortcutModifier() ​

ts
function isShortcutModifier(event: KeyboardEvent): boolean

Returns true when a keyboard event represents a shortcut modifier that should not start cell editing from printable event.key input.

AltGr is intentionally excluded because many Windows/Linux layouts expose printable AltGr characters as Ctrl+Alt key events.

Parameters ​

ParameterType
eventKeyboardEvent

Returns ​

boolean

Defined in ​

src/utils/key.utils.ts:109


isStretchPlugin() ​

ts
function isStretchPlugin(plugin: PluginBaseComponent | StretchColumn): plugin is StretchColumn

Check plugin type is Stretch

Parameters ​

ParameterType
pluginPluginBaseComponent | StretchColumn

Returns ​

plugin is StretchColumn

Defined in ​

src/plugins/column.stretch.plugin.ts:136


isTab() ​

ts
function isTab(code: string): boolean

Parameters ​

ParameterType
codestring

Returns ​

boolean

Defined in ​

src/utils/key.utils.ts:66


isTabKeyValue() ​

ts
function isTabKeyValue(key: string): boolean

Parameters ​

ParameterType
keystring

Returns ​

boolean

Defined in ​

src/utils/key.utils.ts:69


measureEqualDepth() ​

ts
function measureEqualDepth<T>(groupA: T[], groupB: T[]): number

Type Parameters ​

Type Parameter
T

Parameters ​

ParameterType
groupAT[]
groupBT[]

Returns ​

number

Defined in ​

src/plugins/groupingRow/grouping.service.ts:239


mergeRowResizeDefinitions() ​

ts
function mergeRowResizeDefinitions(
   definitions: readonly RowDefinition[], 
   rowType: DimensionRows, 
   physicalIndexes: readonly number[], 
   size: number): RowDefinition[]

Parameters ​

ParameterType
definitionsreadonly RowDefinition[]
rowTypeDimensionRows
physicalIndexesreadonly number[]
sizenumber

Returns ​

RowDefinition[]

Defined in ​

src/plugins/row-resize/row-resize.utils.ts:85


mergeSortedArray() ​

ts
function mergeSortedArray<T>(
   arr1: T[], 
   arr2: T[], 
   compareFn: (el: T, el2: T) => boolean): T[]

Merge sorted array helper function

Type Parameters ​

Type Parameter
T

Parameters ​

ParameterTypeDefault value
arr1T[]undefined
arr2T[]undefined
compareFn(el: T, el2: T) => booleansimpleCompare

Returns ​

T[]

Defined in ​

src/utils/index.ts:60


nextCell() ​

ts
function nextCell(cell: Cell, lastCell: Cell): Partial<Cell> | null

Parameters ​

ParameterType
cellCell
lastCellCell

Returns ​

Partial<Cell> | null

Defined in ​

src/store/selection/selection.helpers.ts:3


proxyPlugin() ​

ts
function proxyPlugin(store: Observable<State>): PluginSubscribe<State>

Proxy plugin for data source.

This plugin is used keep sortint in the data source, even when trimming is applied sorting has to be preserved.

Parameters ​

ParameterType
storeObservable<State>

Returns ​

PluginSubscribe<State>

Defined in ​

src/store/dataSource/data.proxy.ts:16


pushSorted() ​

ts
function pushSorted<T>(
   arr: T[], 
   el: T, 
   fn: (el: T, el2: T) => number): T[]

Sorted push

Type Parameters ​

Type Parameter
T

Parameters ​

ParameterType
arrT[]
elT
fn(el: T, el2: T) => number

Returns ​

T[]

Defined in ​

src/utils/index.ts:47


range() ​

ts
function range(size: number, startAt: number): number[]

Parameters ​

ParameterTypeDefault value
sizenumberundefined
startAtnumber0

Returns ​

number[]

Defined in ​

src/utils/index.ts:12


recombineByOffset() ​

ts
function recombineByOffset(offset: number, data: RecombineOffsetData): ItemsToUpdate | undefined

Parameters ​

ParameterType
offsetnumber
dataRecombineOffsetData

Returns ​

ItemsToUpdate | undefined

Defined in ​

src/store/vp/viewport.helpers.ts:239


renderGroupCells() ​

ts
function renderGroupCells(props: RowGroupingProps, __namedParameters: {
  depth: number;
  expanded: boolean;
  name: string;
 }): VNodeResponse[]

Parameters ​

ParameterType
propsRowGroupingProps
__namedParametersobject
__namedParameters.depthnumber
__namedParameters.expandedboolean
__namedParameters.namestring

Returns ​

VNodeResponse[]

Defined in ​

src/plugins/groupingRow/grouping.row.renderer.tsx:36


resolveBlankSemantics() ​

ts
function resolveBlankSemantics(gridPolicy?: BlankSemantics, columnPolicy?: BlankSemantics): BlankSemantics

Merge a grid policy and a partial column policy over Core defaults.

Parameters ​

ParameterType
gridPolicy?BlankSemantics
columnPolicy?BlankSemantics

Returns ​

BlankSemantics

Defined in ​

src/plugins/filter/filter.blank.ts:25


resolveRowResizeConfig() ​

ts
function resolveRowResizeConfig(config: RowResizeConfig): ResolvedRowResizeConfig

Parameters ​

ParameterType
configRowResizeConfig

Returns ​

ResolvedRowResizeConfig

Defined in ​

src/plugins/row-resize/row-resize.utils.ts:17


scaleValue() ​

ts
function scaleValue(
   value: number, 
   from: [number, number], 
   to: [number, number]): number

Parameters ​

ParameterType
valuenumber
from[number, number]
to[number, number]

Returns ​

number

Defined in ​

src/utils/index.ts:124


setItemSizes() ​

ts
function setItemSizes(
   vpItems: VirtualPositionItem[], 
   initialIndex: number, 
   size: number, 
   lastCoordinate: number): VirtualPositionItem[]

Set items sizes from start index to end

Parameters ​

ParameterTypeDescription
vpItemsVirtualPositionItem[]
initialIndexnumber-
sizenumber
lastCoordinatenumber

Returns ​

VirtualPositionItem[]

Defined in ​

src/store/vp/viewport.helpers.ts:408


setItems() ​

ts
function setItems<T>(store: Observable<DSourceState<T, any>>, items: number[]): void

Type Parameters ​

Type Parameter
T extends GDataType

Parameters ​

ParameterType
storeObservable<DSourceState<T, any>>
itemsnumber[]

Returns ​

void

Defined in ​

src/store/dataSource/data.store.ts:269


setSourceByPhysicalIndex() ​

ts
function setSourceByPhysicalIndex<T>(
   store: Observable<DSourceState<T, any>>, 
   modelByIndex: Record<number, T>, 
   mutate: boolean): void

set item to source

Type Parameters ​

Type Parameter
T extends GDataType

Parameters ​

ParameterTypeDefault valueDescription
storeObservable<DSourceState<T, any>>undefinedstore to process
modelByIndexRecord<number, T>undefinedcollection of rows with physical indexes to setup
mutatebooleantrueif true, store will be mutated and whole viewport will be re-rendered

Returns ​

void

Defined in ​

src/store/dataSource/data.store.ts:255


setSourceByVirtualIndex() ​

ts
function setSourceByVirtualIndex<T>(
   store: Observable<DSourceState<T, any>>, 
   modelByIndex: Record<number, undefined | T>, 
   mutate: boolean): void

Apply silently item/model/row value to data source

Type Parameters ​

Type Parameter
T extends GDataType

Parameters ​

ParameterTypeDefault valueDescription
storeObservable<DSourceState<T, any>>undefineddata source with changes
modelByIndexRecord<number, undefined | T>undefinedcollection of rows/values with virtual indexes to setup/replace in store/data source
mutatebooleantrueif true, store will be mutated and whole viewport will be re-rendered

Returns ​

void

Defined in ​

src/store/dataSource/data.store.ts:231


setStore() ​

ts
function setStore<T>(store: ObservableMap<T>, data: Partial<T>): void

Sets the given data on the specified store.

Type Parameters ​

Type Parameter
T extends Record<string, any>

Parameters ​

ParameterTypeDescription
storeObservableMap<T>The store to set data on.
dataPartial<T>The data to set on the store.

Returns ​

void

Defined in ​

src/utils/store.utils.ts:13


sortIndexByItems() ​

ts
function sortIndexByItems(
   indexes: number[], 
   source: DataType[], 
   sortingFunc: SortingOrderFunction, 
   sorting?: SortingOrder, 
   sortingColumns?: SortingColumnMap, 
   sortingOrder?: SortingColumnOrder): number[]

Sorts row indexes against a source collection.

Parameters ​

ParameterTypeDescription
indexesnumber[]Current proxy row indexes to sort.
sourceDataType[]Full source collection addressed by the indexes.
sortingFuncSortingOrderFunctionComparator functions by column property.
sorting?SortingOrderActive sorting order by column property.
sortingColumns?SortingColumnMapColumn metadata by property for default-comparer optimization.
sortingOrder?SortingColumnOrderActive sorting priority in click/config insertion order.

Returns ​

number[]

Sorted proxy indexes. With no sorting function keys, returns source-order indexes.

Defined in ​

src/plugins/sorting/sorting.func.ts:217


timeout() ​

ts
function timeout(delay: number): Promise<void>

Async timeout

Parameters ​

ParameterTypeDefault value
delaynumber0

Returns ​

Promise<void>

Defined in ​

src/utils/index.ts:131


trimmedPlugin() ​

ts
function trimmedPlugin<T>(store: Observable<DSourceState<T, any>>): PluginSubscribe<DSourceState<T, any>>

Hide items from main collection But keep them in store

Type Parameters ​

Type Parameter
T extends GDataType

Parameters ​

ParameterType
storeObservable<DSourceState<T, any>>

Returns ​

PluginSubscribe<DSourceState<T, any>>

Defined in ​

src/store/dataSource/trimmed.plugin.ts:11


updateMissingAndRange() ​

ts
function updateMissingAndRange(
   items: VirtualPositionItem[], 
   missing: VirtualPositionItem[], 
   range: Range): void

Parameters ​

ParameterType
itemsVirtualPositionItem[]
missingVirtualPositionItem[]
rangeRange

Returns ​

void

Defined in ​

src/store/vp/viewport.helpers.ts:153

Namespaces ​

NamespaceDescription
Components-
JSX-
hThe "h" namespace is used to import JSX types for elements and attributes. It is imported in order to avoid conflicting global JSX issues.

Enumerations ​

EnumerationDescription
ColumnAutoSizeMode-
codesLetter-
keyValues-

Interfaces ​

InterfaceDescription
AdditionalData-
AllDimensionTypeRepresents the mapping of dimension types to their corresponding dimension types.
ApplyFocusEventRepresents the event object that is emitted when applying focus. It includes information about the dimension type and focused cells.
BeforeCellRenderEventRepresents the event object that is emitted before cell rendering. It includes information about the dimension type, column, row, and model.
BeforeRowRenderEventRepresents the event object that is emitted before row rendering. It includes information about the dimension type, data item, item, and node.
BeforeSaveDataDetails-
BlankSemanticsConfigures which source values are treated as blank by blank operators.
CSVFormat-
CellCell coordinates
CellTemplateInterface for custom cell renderer.
CellTemplatePropTemplate property for each cell, extends the column data schema model. Additionally, it provides access to the providers injected into the template.
ClipboardConfigClipboard behavior configuration.
ColumnDataSchemaModel-
ColumnFilterConfigFilter configuration for a column. This is the type of the filter property on a column.
ColumnGroupConfiguration for header inner template properties
ColumnGroupingColumnGrouping type is used to define a grouping in a column.
ColumnPropertiesConfiguration for header inner template properties
ColumnRegularColumnRegular interface represents regular column definition. Regular column can be any column that is not a grouping column.
ColumnTemplatePropColumn template property. Contains extended properties for column.
ColumnTypeInterface for regular column definition. Regular column can be any column that is not a grouping column.
CustomFilter-
DimensionCalcObject containing information about calculated dimensions. Used for both columns and rows.
DimensionSettingsStateRepresents the settings state of a dimension. It extends the calculation properties of a dimension. It also includes the real size and origin item size of the dimension.
DragStartEventRepresents the event object that is emitted when the drag operation starts.
EditCellStoreEdit cell info for store
EditorBaseEditor interface
EditorCtrConstructibleEditor component constructible class
ElementScroll-
ExtraNodeFuncConfigExtraNodeFuncConfig is a configuration object for External nodes rendered in grid in HTMLRevogrExtraElement.
FilterCaptions-
FilterData-
FilterEvaluationContextSource-aware context supplied while a filter predicate is evaluated.
FilterItem-
FilterLocalization-
FocusAfterRenderEventRepresents the mapping of dimension types to their corresponding dimension types.
FocusRenderEventRepresents the event object that is emitted before focus rendering. It includes information about the dimension type and range area.
Formatter-
FormatterOptions-
FunctionalComponent-
Getter-
GroupConfiguration for header inner template properties
GroupCellTemplateProp-
GroupRowPros-
Handlers-
HyperFuncHyperFunc is a function that takes an HTML tag or component, and returns a JSX element. This function is used to create JSX elements in a context where JSX is not valid.
LogicFunction-
MultiFilterItem-
ObservableMap-
OnChangeHandler-
OnHandler-
PluginBaseComponentInterface for plugin components
PluginServiceBase-
PositionItem-
ProvidersProviders for grid which are going to be injected into each cell template
ProvidersColumnsProviders for columns which are going to be injected into each header renderer
RangeClipboardCopyEventPropsRange copy.
RangeClipboardPasteEventRange paste.
ResolvedTheme-
RevoGridCustomEvent-
RevogrClipboardCustomEvent-
RevogrDataCustomEvent-
RevogrEditCustomEvent-
RevogrFilterPanelCustomEvent-
RevogrFocusCustomEvent-
RevogrHeaderCustomEvent-
RevogrOrderEditorCustomEvent-
RevogrOverlaySelectionCustomEvent-
RevogrRowHeadersCustomEvent-
RevogrScrollVirtualCustomEvent-
RevogrViewportScrollCustomEvent-
RowHeadersColumnRegular interface represents regular column definition. Regular column can be any column that is not a grouping column.
Setter-
ShowData-
Subscription-
ThemeDefinition-
ThemePackage-
VNodeA virtual DOM node
ViewportStateViewportState is an object that represents the state of a viewport.
VirtualPositionItemVirtualPositionItem is an object that represents a virtual position item in the viewport.
VnodeHtmlCustomEvent-

Type Aliases ​

Type aliasDescription
AfterEditEvent-
AfterRendererEventRepresents the event object that is emitted after rendering. It includes information about the dimension type.
AfterSortingApplyEventSorting information emitted after sorting is applied.
AutoSizeColumnConfig-
BeforeColumnDragEndEventData-
BeforeEdit-
BeforeRangeSaveDataDetails-
BeforeSourceSetEvent-
BuiltInTheme-
CSVFormatter-
CellCompareFuncCellCompareFunc is a function that takes the column property to compare, the data of the first cell, and the data of the second cell. It returns a number indicating the relative order of the two cells.
CellPropsAdditional properties applied to the cell. Contains properties for custom cell rendering.
ChangedRange-
ColIndex-
ColPropertiesFunc-
ColSource-
ColumnCollectionColumn collection definition. Used to access indexed data for columns. Can be accessed via different events.
ColumnData-
ColumnDragEventData-
ColumnDragStartEventData-
ColumnGroupingCollection-
ColumnItems-
ColumnProp-
ColumnPropProp-
ColumnSetEventSorting information emitted after columns are set.
ColumnTemplateFunc-
ColumnTypesType that represents a collection of column types. The keys are the names of the column types and the values are the corresponding column type objects.
DSourceState-
DataFormat-
DataInput-
DataLookup-
DataSourceState-
DataTypeRepresents a generic row data object used internally by the grid.
DateEnum-
DimensionColPin-
DimensionCols-
DimensionDataViewport-
DimensionIndexInput-
DimensionPosition-
DimensionRowPin-
DimensionRows-
DimensionSize-
DimensionStoreCollection-
DimensionStoresRepresents the mapping of dimension types to their corresponding observable stores.
DimensionType-
DimensionTypeCol-
DimensionTypeRow-
DisposeEventHandler-
DragStartEventDetails-
EditCellEdit cell info for editor
EditorCtrEditor component
EditorCtrCallableEditor component callable function
EditorsAvailable editors in grid
ElementsScroll-
EventData-
ExpandedOptions-
ExportFormat-
ExtraField-
FilterCollectionItem-
FilterType-
FocusTemplateFuncFocusTemplateFunc is a function that takes an HTML tag or component, and returns a JSX element. This function is used to create JSX elements in a context where JSX is not valid.
FocusedCells-
FocusedData-
GDataType-
GDimension-
GetEventHandler-
GridPlugin-
GroupCellTemplateFunc-
GroupLabelTemplateFunc-
GroupingOptions-
Groups-
HeaderGroupRendererProps-
HeaderProperties-
HeaderRenderProps-
InitialHeaderClickInitialHeaderClick represents the information needed to handle a click event on the initial column header.
ItemsToUpdate-
LogicFunctionExtraParam-
LogicFunctionParam-
MultiDimensionType-
Nullable-
Observable-
OldNewRangeMapping-
OnExpandEvent-
Order-
PendingColumnFocusRestoreLogical focus marker captured before column viewport ownership changes. Used when a selected column is pinned/unpinned so focus can be restored by column prop after the column moves between rgCol, colPinStart, or colPinEnd.
PluginProvidersServices that are provided by the various plugins for use by the grid. Each plugin is responsible for providing a specific service, and the PluginProviders type collects all the services provided by the plugins.
PluginSubscribe-
PropertiesFunc-
RangeRange is an object that represents a range of values.
RangeArea-
RangeAreaCss-
ReadOnlyFormatThe ReadOnlyFormat type is a boolean value or a function that takes ColumnDataSchemaModel as a parameter and returns a boolean value.
ResetEventHandler-
ResizeProps-
ResolvedRowResizeConfig-
RevogridEvents-
RowDefinitionRowDefinition is a type that represents a row definition in the viewport.
RowDrag-
RowDragStartDetails-
RowGroupingProps-
RowIndex-
RowResizeCancelEventDetail-
RowResizeCancelReason-
RowResizeConfig-
RowResizeEventDetail-
SaveDataDetails-
ScrollCoordinateEventRepresents the event object that is emitted when scrolling occurs. The type property indicates the type of dimension (row or column) being scrolled. The coordinate property represents the current scroll position in that dimension.
SelectionStoreStateRepresents the state of the selection store. It contains information about the selection range, temporary range, focused cell, editing cell, last focused cell, and next cell to focus.
SetEventHandler-
SlotType-
SortingColumnMapColumn metadata indexed by column property.
SortingColumnOrderActive sorting priority in click/config insertion order.
SortingColumnRenderHeader metadata used to display additive sort priority.
SortingConfigExternal sorting configuration.
SortingOrderCurrent sorting order per column property.
SortingOrderFunctionComparator functions indexed by column property.
StaticData-
TempRange-
ThemeColorScheme-
ThemeConfig-
ThemeTokenName-
ThemeTokens-
Trimmed-
TrimmedEntity-
VNodeResponseHyperFunc is a function that takes an HTML tag or component, and returns a JSX element. This function is used to create JSX elements in a context where JSX is not valid.
ViewPortResizeEventViewPortResizeEvent is an object that contains information about a resize event in the viewport.
ViewPortScrollEventViewPortScrollEvent is an object that contains information about a scroll event in the viewport.
ViewSettingSizePropViewSettingSizeProp is a record that maps column or row indexes to their corresponding sizes.
ViewportColumn-
ViewportData-
ViewportProperties-
ViewportProps-
ViewportStateItemsViewportStateItems is an object that represents the items in a viewport along with their corresponding range.
ViewportStoreCollection-
ViewportStoresRepresents the mapping of dimension types to their corresponding observable stores for the viewport.
WatchConfig-