Skip to content

Overview

Focus component. Shows focus layer around the cell that is currently in focus.

Properties

PropertyAttributeDescriptionTypeDefault
colData (required)--Column sourceObservableMap<DSourceState<ColumnRegular, DimensionCols>>undefined
colType (required)col-typeColumn type"colPinEnd" | "colPinStart" | "rgCol"undefined
dataStore (required)--Data rows sourceObservableMap<DSourceState<DataType, DimensionRows>>undefined
dimensionCol (required)--Dimension settings XObservableMap<DimensionSettingsState>undefined
dimensionRow (required)--Dimension settings YObservableMap<DimensionSettingsState>undefined
focusTemplate--Focus template custom function. Can be used to render custom focus layer.((createElement: HyperFunc<VNode>, detail: FocusRenderEvent) => any) | nullnull
rowType (required)row-typeRow type"rgRow" | "rowPinEnd" | "rowPinStart"undefined
selectionStore (required)--Selection, range, focus for selectionObservableMap<SelectionStoreState>undefined

Events

EventDescriptionType
afterfocusUsed to setup properties after focus was renderedCustomEvent<FocusAfterRenderEvent>
beforefocusrenderBefore focus render event. Can be prevented by event.preventDefault(). If preventDefault used slot will be rendered.CustomEvent<FocusRenderEvent>
beforescrollintoviewBefore focus changed verify if it's in view and scroll viewport into this view Can be prevented by event.preventDefault()CustomEvent<{ el: HTMLElement; }>

Slots

SlotDescription
"focus-${view.type}-${data.type}."

Dependencies

Used by

Graph


Built with ❤️ by Revolist OU

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