Skip to content

Properties

PropertyAttributeDescriptionTypeDefault
additionalDataadditional-dataExtra properties to pass into header renderer, such as vue or react components to handle parentany{}
canResizecan-resizeIf columns can be resizedbooleanundefined
colDatacol-dataColumns - defines an array of grid columns.ColumnRegular[]undefined
columnFiltercolumn-filterColumn filterbooleanundefined
dimensionColdimension-colDimension settings XObservableMap<DimensionSettingsState>undefined
groupingDepthgrouping-depthGrouping depth, how many levels of groupingnumber0
groupsgroupsColumn groups{ [x: number]: Group[]; }undefined
readonlyreadonlyReadonly modebooleanundefined
resizeHandlerresize-handlerDefines resize position("r" | "b" | "rt" | "lt" | "rb" | "lb" | "l" | "t")[]undefined
selectionStoreselection-storeSelection, range, focusObservableMap<SelectionStoreState>undefined
type (required)typeColumn type"colPinEnd" | "colPinStart" | "rgCol" | "rowHeaders"undefined
viewportColviewport-colViewport XObservableMap<ViewportState>undefined

Events

EventDescriptionType
afterheaderrenderAfter all header cells rendered. Finalizes cell rendering.CustomEvent<ProvidersColumns<DimensionCols | "rowHeaders">>
beforegroupheaderrenderBefore each group header cell render function. Allows to override group header cell propertiesCustomEvent<{ start: number; end: number; group: Group; providers: ProvidersColumns<DimensionCols | "rowHeaders">; additionalData: any; canResize?: boolean | undefined; onResize?(e: ResizeEvent): void; } & Partial<Pick<ResizeProps, "active">>>
beforeheaderclickOn initial header clickCustomEvent<{ index: number; originalEvent: MouseEvent; column: ColumnRegular; providers: ProvidersColumns<DimensionCols | "rowHeaders">; }>
beforeheaderrenderBefore each header cell render function. Allows to override cell propertiesCustomEvent<{ column: VirtualPositionItem; additionalData: any; data: ColumnTemplateProp; range?: RangeArea | null | undefined; canResize?: boolean | undefined; canFilter?: boolean | undefined; onResize?(e: ResizeEvent): void; onClick?(data: InitialHeaderClick): void; onDblClick?(data: InitialHeaderClick): void; } & Partial<Pick<ResizeProps, "active">>>
beforeheaderresizeOn before header resizeCustomEvent<ColumnRegular[]>
headerdblclickOn header double clickCustomEvent<{ index: number; originalEvent: MouseEvent; column: ColumnRegular; providers: ProvidersColumns<DimensionCols | "rowHeaders">; }>
headerresizeOn header resizeCustomEvent<{ [x: string]: number; }>

Dependencies

Used by

Graph


Built with ❤️ by Revolist OU