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
colData--Columns - defines an array of grid columns.ColumnRegular[]undefined
columnFiltercolumn-filterColumn filterbooleanundefined
dimensionCol--Dimension settings XObservableMap<DimensionSettingsState>undefined
groupingDepthgrouping-depthGrouping depth, how many levels of groupingnumber0
groups--Column groups{ [x: string]: any; }undefined
readonlyreadonlyReadonly modebooleanundefined
resizeHandler--Defines resize position("r" | "b" | "rt" | "lt" | "rb" | "lb" | "l" | "t")[]undefined
selectionStore--Selection, range, focusObservableMap<SelectionStoreState>undefined
type (required)typeColumn type"colPinEnd" | "colPinStart" | "rgCol" | "rowHeaders"undefined
viewportCol--Viewport XObservableMap<ViewportState>undefined

Events

EventDescriptionType
afterheaderrenderAfter all header cells rendered. Finalizes cell rendering.CustomEvent<{ type: DimensionCols | "rowHeaders"; readonly: boolean; data: ColumnRegular[] | Observable<DataSourceState<any, any>>; viewport: Observable<ViewportState>; dimension: Observable<DimensionSettingsState>; selection: Observable<SelectionStoreState>; }>
beforeheaderclickOn initial header clickCustomEvent<{ index: number; originalEvent: MouseEvent; column: ColumnRegular; providers: Providers<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: Providers<DimensionCols | "rowHeaders">; }>
headerresizeOn header resizeCustomEvent<{ [x: string]: number; }>

Dependencies

Used by

Graph


Built with ❤️ by Revolist OU

Revogrid is a powerful data grid library made by Revolist OU.