Grid
Defined in: js-api/src/grid.ts:933
High-performance, flexible spreadsheet control
Extends
Constructors
Constructor
new Grid(
dart):Grid
Defined in: js-api/src/grid.ts:935
Parameters
| Parameter | Type |
|---|---|
dart | any |
Returns
Grid
Overrides
Properties
| Property | Modifier | Type | Default value | Description | Inherited from | Defined in |
|---|---|---|---|---|---|---|
_functions | protected | Func[] | [] | - | Viewer._functions | js-api/src/widgets/base.ts:214 |
_properties | protected | Property[] | [] | - | Viewer._properties | js-api/src/widgets/base.ts:213 |
_root | protected | HTMLElement | undefined | - | Viewer._root | js-api/src/u2core/component.ts:423 |
_u2 | readonly | ComponentState | undefined | - | Viewer._u2 | js-api/src/u2core/component.ts:76 |
componentMeta? | public | ComponentMetaBase | undefined | The registry metadata of the tag that built this component, stamped by the spec renderer — the single source the introspection surface below is generated from. | Viewer.componentMeta | js-api/src/u2core/component.ts:71 |
dart | public | any | undefined | - | Viewer.dart | js-api/src/widgets/base.ts:217 |
factory | public | Func | null | null | Constructor function. No parameters, returns [Widget]. | Viewer.factory | js-api/src/widgets/base.ts:211 |
isDetached | public | boolean | false | - | Viewer.isDetached | js-api/src/widgets/base.ts:218 |
props | public | IGridSettings & ObjectPropertyBag | undefined | - | Viewer.props | js-api/src/widgets/base.ts:215 |
specProps? | public | Record<string, unknown> | undefined | The props the registry's create was handed, stamped alongside componentMeta: the last resort of the property read below, for a component that keeps a prop under another name or not at all (a create wrapping a bare element). Construction-time values — a live one always wins. | Viewer.specProps | js-api/src/u2core/component.ts:75 |
subs | public | Subscription[] | undefined | - | Viewer.subs | js-api/src/widgets/base.ts:216 |
tags | public | any | undefined | - | Viewer.tags | js-api/src/viewer.ts:90 |
temp | public | any | undefined | Contains auxiliary information | Viewer.temp | js-api/src/widgets/base.ts:208 |
CORE_VIEWER_TYPES | static | string[] | undefined | - | Viewer.CORE_VIEWER_TYPES | js-api/src/viewer.ts:455 |
Accessors
aiDescription
Get Signature
get aiDescription():
string|null
Defined in: js-api/src/viewer.ts:117
AI briefing of the underlying Dart viewer.
Returns
string | null
Set Signature
set aiDescription(
x):void
Defined in: js-api/src/viewer.ts:122
A short AI-facing briefing, seeded from the registry's usage or description.
Parameters
| Parameter | Type |
|---|---|
x | string | null |
Returns
void
Inherited from
ambientAdoption
Get Signature
get
protectedambientAdoption():boolean
Defined in: js-api/src/widgets/base.ts:272
A widget wrapper minted inside somebody's effect scope must not be auto-disposed with it.
Returns
boolean
Inherited from
canvas
Get Signature
get canvas():
HTMLCanvasElement
Defined in: js-api/src/grid.ts:988
Returns
HTMLCanvasElement
children
Get Signature
get children():
Widget<any>[]
Defined in: js-api/src/widgets/base.ts:304
Parent widget up the DOM tree, or null.
Returns
Widget<any>[]
Inherited from
colHeaderBox
Get Signature
get colHeaderBox():
Rect
Defined in: js-api/src/grid.ts:1110
Column labels box
Returns
colHeaderHeight
Get Signature
get colHeaderHeight():
number
Defined in: js-api/src/grid.ts:1102
Column labels height
Returns
number
columns
Get Signature
get columns():
GridColumnList
Defined in: js-api/src/grid.ts:956
Grid columns.
Returns
dataFrame
Get Signature
get dataFrame():
DataFrame
Defined in: js-api/src/viewer.ts:292
Returns
Set Signature
set dataFrame(
t):void
Defined in: js-api/src/viewer.ts:293
Parameters
| Parameter | Type |
|---|---|
t | DataFrame |
Returns
void
Inherited from
descriptor
Get Signature
get descriptor():
WidgetDescriptor
Defined in: js-api/src/viewer.ts:108
Descriptor of this widget.
Returns
Inherited from
filter
Get Signature
get filter():
BitSet
Defined in: js-api/src/viewer.ts:101
combined filter of the viewer
Returns
Set Signature
set filter(
f):void
Defined in: js-api/src/viewer.ts:104
Parameters
| Parameter | Type |
|---|---|
f | BitSet |
Returns
void
Inherited from
helpUrl
Get Signature
get helpUrl():
string
Defined in: js-api/src/viewer.ts:296
Help URL
Returns
string
Set Signature
set helpUrl(
s):void
Defined in: js-api/src/viewer.ts:297
Parameters
| Parameter | Type |
|---|---|
s | string |
Returns
void
Inherited from
horzScroll
Get Signature
get horzScroll():
RangeSlider
Defined in: js-api/src/grid.ts:1097
Horizontal scroll bar
Returns
meta
Get Signature
get meta():
ViewerMetaHelper
Defined in: js-api/src/viewer.ts:265
Returns
Inherited from
name
Get Signature
get name():
string|undefined
Defined in: js-api/src/u2core/component.ts:67
Unique within a spec: the anchor for selection, patches and automation. An accessor pair
(not a field), so a platform descendant's own name accessors override it legally (TS2611).
Returns
string | undefined
Set Signature
set name(
x):void
Defined in: js-api/src/u2core/component.ts:68
Parameters
| Parameter | Type |
|---|---|
x | string | undefined |
Returns
void
Inherited from
onAfterDrawContent
Get Signature
get onAfterDrawContent():
Observable<EventData<any>>
Defined in: js-api/src/grid.ts:1148
Returns
Observable<EventData<any>>
onAfterDrawOverlay
Get Signature
get onAfterDrawOverlay():
Observable<EventData<any>>
Defined in: js-api/src/grid.ts:1146
Fires after rendering of the overlay canvas (interactive layer).
Returns
Observable<EventData<any>>
Overrides
onAfterDrawScene
Get Signature
get onAfterDrawScene():
Observable<EventData<any>>
Defined in: js-api/src/viewer.ts:146
Fires after rendering of the main canvas.
Returns
Observable<EventData<any>>
Inherited from
onAfterLayout
Get Signature
get onAfterLayout():
Observable<EventData<any>>
Defined in: js-api/src/viewer.ts:142
Fires after the viewer completes a layout pass.
Returns
Observable<EventData<any>>
Inherited from
onBeforeDrawContent
Get Signature
get onBeforeDrawContent():
Observable<EventData<any>>
Defined in: js-api/src/grid.ts:1147
Returns
Observable<EventData<any>>
onBeforeDrawOverlay
Get Signature
get onBeforeDrawOverlay():
Observable<EventData<any>>
Defined in: js-api/src/grid.ts:1145
Fires before rendering of the overlay canvas (interactive layer).
Returns
Observable<EventData<any>>
Overrides
onBeforeDrawScene
Get Signature
get onBeforeDrawScene():
Observable<EventData<any>>
Defined in: js-api/src/viewer.ts:144
Fires before rendering of the main canvas.
Returns
Observable<EventData<any>>
Inherited from
onCellClick
Get Signature
get onCellClick():
Observable<GridCell<any>>
Defined in: js-api/src/grid.ts:1139
Returns
Observable<GridCell<any>>
onCellDoubleClick
Get Signature
get onCellDoubleClick():
Observable<GridCell<any>>
Defined in: js-api/src/grid.ts:1140
Returns
Observable<GridCell<any>>
onCellKeyDown
Get Signature
get onCellKeyDown():
Observable<GridCell<any>>
Defined in: js-api/src/grid.ts:1142
Returns
Observable<GridCell<any>>
onCellMouseDown
Get Signature
get onCellMouseDown():
Observable<GridCell<any>>
Defined in: js-api/src/grid.ts:1141
Returns
Observable<GridCell<any>>
onCellMouseEnter
Get Signature
get onCellMouseEnter():
Observable<GridCell<any>>
Defined in: js-api/src/grid.ts:1136
Returns
Observable<GridCell<any>>
onCellMouseLeave
Get Signature
get onCellMouseLeave():
Observable<GridCell<any>>
Defined in: js-api/src/grid.ts:1137
Returns
Observable<GridCell<any>>
onCellRender
Get Signature
get onCellRender():
Observable<GridCellRenderArgs>
Defined in: js-api/src/grid.ts:976
Occurs after the grid cell has been rendered. Do args.preventDefault() to prevent standard rendering.
Sample: https://public.datagrok.ai/js/samples/grid/custom-cell-rendering-indexes
See also onCellRendered.
Returns
Observable<GridCellRenderArgs>
onCellRendered
Get Signature
get onCellRendered():
Observable<GridCellRenderArgs>
Defined in: js-api/src/grid.ts:983
Occurs after the grid cell has been rendered. See also onCellRender.
Returns
Observable<GridCellRenderArgs>
onCellValueEdited
Get Signature
get onCellValueEdited():
Observable<GridCell<any>>
Defined in: js-api/src/grid.ts:1134
Returns
Observable<GridCell<any>>
onColumnResized
Get Signature
get onColumnResized():
Observable<any>
Defined in: js-api/src/grid.ts:1123
Sample: https://public.datagrok.ai/js/samples/grid/resize-events
Returns
Observable<any>
onContextMenu
Get Signature
get onContextMenu():
Observable<Menu>
Defined in: js-api/src/viewer.ts:400
Returns
Observable<Menu>
Inherited from
onCurrentCellChanged
Get Signature
get onCurrentCellChanged():
Observable<GridCell<any>>
Defined in: js-api/src/grid.ts:1135
Returns
Observable<GridCell<any>>
onDartPropertyChanged
Get Signature
get onDartPropertyChanged():
Observable<null>
Defined in: js-api/src/viewer.ts:426
Returns
Observable<null>
Inherited from
onDataEvent
Get Signature
get onDataEvent():
Observable<ViewerEvent>
Defined in: js-api/src/viewer.ts:130
Returns
Observable<ViewerEvent>
Inherited from
onDataFrameChanged
Get Signature
get onDataFrameChanged():
Observable<any>
Defined in: js-api/src/viewer.ts:138
Fires when the viewer's underlying DataFrame is replaced (table attached).
Returns
Observable<any>
Inherited from
onDataRowClicked
Get Signature
get onDataRowClicked():
Observable<ViewerEvent>
Defined in: js-api/src/viewer.ts:134
Returns
Observable<ViewerEvent>
Inherited from
onDataSelected
Get Signature
get onDataSelected():
Observable<ViewerEvent>
Defined in: js-api/src/viewer.ts:132
Returns
Observable<ViewerEvent>
Inherited from
onDetached
Get Signature
get onDetached():
Observable<any>
Defined in: js-api/src/viewer.ts:441
Occurs when viewer is detached.
Returns
Observable<any>
Inherited from
onGridCellLinkClicked
Get Signature
get onGridCellLinkClicked():
Observable<EventData<GridCellArgs>>
Defined in: js-api/src/grid.ts:1150
Returns
Observable<EventData<GridCellArgs>>
onPinnedRowsChanged
Get Signature
get onPinnedRowsChanged():
Observable<any>
Defined in: js-api/src/grid.ts:1132
Returns
Observable<any>
onPropertyValueChanged
Get Signature
get onPropertyValueChanged():
Observable<EventData<Property>>
Defined in: js-api/src/viewer.ts:135
Returns
Observable<EventData<Property>>
Inherited from
onResized
Get Signature
get onResized():
Observable<null>
Defined in: js-api/src/viewer.ts:140
Fires when the viewer is resized.
Returns
Observable<null>
Inherited from
onRowEnter
Get Signature
get onRowEnter():
Observable<GridCell<any>>
Defined in: js-api/src/grid.ts:1143
Returns
Observable<GridCell<any>>
onRowsResized
Get Signature
get onRowsResized():
Observable<any>
Defined in: js-api/src/grid.ts:1128
Sample: https://public.datagrok.ai/js/samples/grid/resize-events
Returns
Observable<any>
onRowsSorted
Get Signature
get onRowsSorted():
Observable<any>
Defined in: js-api/src/grid.ts:1131
Sample: https://public.datagrok.ai/js/samples/grid/order-rows
Returns
Observable<any>
onTooltipCreated
Get Signature
get onTooltipCreated():
Observable<ViewerEvent>
Defined in: js-api/src/viewer.ts:131
Returns
Observable<ViewerEvent>
Inherited from
onTooltipCreating
Get Signature
get onTooltipCreating():
Observable<GridTooltipArgs>
Defined in: js-api/src/grid.ts:1149
Returns
Observable<GridTooltipArgs>
onViewerRendered
Get Signature
get onViewerRendered():
Observable<EventData<any>>
Defined in: js-api/src/viewer.ts:152
Fires after the viewer is rendered.
Returns
Observable<EventData<any>>
Inherited from
overlay
Get Signature
get overlay():
HTMLCanvasElement
Defined in: js-api/src/grid.ts:993
Returns
HTMLCanvasElement
parent
Get Signature
get parent():
Widget<any> |null
Defined in: js-api/src/widgets/base.ts:301
Parent widget up the DOM tree, or null.
Returns
Widget<any> | null
Inherited from
pinnedRows
Get Signature
get pinnedRows():
Iterable<number>
Defined in: js-api/src/grid.ts:1060
Pinned rows.
Returns
Iterable<number>
propertyTarget
Get Signature
get propertyTarget():
unknown
Defined in: js-api/src/viewer.ts:214
A viewer's property lives on its look, which the props bag is over. Read per call:
a viewer's look is settable.
Returns
unknown
Inherited from
propertyTier
Get Signature
get propertyTier():
boolean
Defined in: js-api/src/widgets/base.ts:276
Every property getProperties declares is a bind step, read and written on propertyTarget.
Returns
boolean
Inherited from
root
Get Signature
get root():
HTMLElement
Defined in: js-api/src/viewer.ts:261
Visual root.
Returns
HTMLElement
Inherited from
scope
Get Signature
get scope():
Scope
Defined in: js-api/src/u2core/component.ts:53
Minted on first use; assigned before _scopeMinted fires, so the hook's own
this.scope.own(...) reads the stored scope instead of re-entering the mint.
Returns
Inherited from
sortByColumns
Get Signature
get sortByColumns():
Column<any,any>[]
Defined in: js-api/src/grid.ts:998
List of columns the grid is sorted by.
Returns
Column<any, any>[]
sortTypes
Get Signature
get sortTypes():
boolean[]
Defined in: js-api/src/grid.ts:1001
Sort directions for [sortByColumns]: true = ascending order, false = descending order.
Returns
boolean[]
table
Get Signature
get table():
DataFrame
Defined in: js-api/src/viewer.ts:277
Returns
Inherited from
tableView
Get Signature
get tableView():
TableView|null
Defined in: js-api/src/viewer.ts:287
Returns a view this viewer is associated with, or null
Returns
TableView | null
Inherited from
type
Get Signature
get type():
string
Defined in: js-api/src/viewer.ts:273
Returns viewer type (see VIEWER constants)
Returns
string
Inherited from
vertScroll
Get Signature
get vertScroll():
RangeSlider
Defined in: js-api/src/grid.ts:1086
Vertical scroll bar. Sample: https://public.datagrok.ai/js/samples/grid/scroll-bars
Returns
view
Get Signature
get view():
View|null
Defined in: js-api/src/viewer.ts:282
Returns a view this viewer is associated with, or null
Returns
View | null
Inherited from
Methods
_notifyPropertyChange()
protected_notifyPropertyChange(p):void
Defined in: js-api/src/widgets/base.ts:351
Notifies the property tier. Called from both the addProperty setter (overrides that skip
super would otherwise lose props.x = writes) and onPropertyChanged (direct calls);
the double notify collapses into one microtask refresh.
Parameters
| Parameter | Type |
|---|---|
p | Property | null |
Returns
void
Inherited from
_ownPropertyChanges()
protected_ownPropertyChanges():ObservableLike<PropertyChange>
Defined in: js-api/src/widgets/base.ts:356
Returns
ObservableLike<PropertyChange>
Inherited from
_scopeMinted()
protected_scopeMinted(_scope):void
Defined in: js-api/src/widgets/base.ts:320
First-mint hook: a platform descendant wires its lifecycle here. Never fired for a scope provided to init — that path runs inside the constructor chain.
Parameters
| Parameter | Type |
|---|---|
_scope | Scope |
Returns
void
Inherited from
_wireDartLifecycle()
protected_wireDartLifecycle():void
Defined in: js-api/src/widgets/base.ts:336
Dart-owned lifecycle: the platform kill disposes the scope, and disposing the scope kills the widget through the kill-walk.
Returns
void
Inherited from
_wireJsLifecycle()
protected_wireJsLifecycle():void
Defined in: js-api/src/widgets/base.ts:327
JS-owned lifecycle: disposing the scope detaches the widget, and vice versa.
Returns
void
Inherited from
_wireLifecycle()
protected_wireLifecycle():void
Defined in: js-api/src/viewer.ts:226
Returns
void
Inherited from
apply()
apply(
properties):Widget
Defined in: js-api/src/widgets/base.ts:261
Parameters
| Parameter | Type | Description |
|---|---|---|
properties | object | - |
Returns
Inherited from
autoSize()
autoSize(
maxWidth,maxHeight,minWidth?,minHeight?,autoSizeOnDataChange?):void
Defined in: js-api/src/grid.ts:1158
Resizes the grid to fit the content
Parameters
| Parameter | Type |
|---|---|
maxWidth | number |
maxHeight | number |
minWidth? | number |
minHeight? | number |
autoSizeOnDataChange? | boolean |
Returns
void
bindProps()
bindProps():
BindProp[]
Defined in: js-api/src/viewer.ts:246
The signal-backed subset of the meta props — what a binding picker offers on a named node — plus, under propertyTier, every declared property. Allocates no signal.
Returns
BindProp[]
Inherited from
bindStep()
bindStep(
name):BindSource|Signal<unknown> |null
Defined in: js-api/src/viewer.ts:233
One binding step (DD5): a meta-declared prop's same-named Signal member — a named node is a
bind source, generated off componentMeta the way getProperties is — then, under
propertyTier, a cached signal over the declared property. '' answers the default
binding: the component's own value signal, where one exists.
Parameters
| Parameter | Type |
|---|---|
name | string |
Returns
BindSource | Signal<unknown> | null
Inherited from
cell()
cell(
columnName,gridRow):GridCell
Defined in: js-api/src/grid.ts:968
Returns a grid cell at the specified position.
Parameters
| Parameter | Type |
|---|---|
columnName | string |
gridRow | number |
Returns
close()
close():
void
Defined in: js-api/src/viewer.ts:255
Closes and detaches the viewer.
Returns
void
Inherited from
col()
col(
name):GridColumn<any> |null
Defined in: js-api/src/grid.ts:963
Returns a column with the specified name.
Parameters
| Parameter | Type | Description |
|---|---|---|
name | string | - |
Returns
GridColumn<any> | null
copyViewersLook()
copyViewersLook(
other):void
Defined in: js-api/src/viewer.ts:443
Parameters
| Parameter | Type |
|---|---|
other | Viewer |
Returns
void
Inherited from
detach()
detach():
void
Defined in: js-api/src/widgets/base.ts:308
Gets called when a widget is detached and will no longer be used. Typically used for unsubscribing from events. Be sure to call super.detach() if this method is overridden.
Returns
void
Inherited from
dispose()
dispose():
void
Defined in: js-api/src/u2core/component.ts:141
On a never-engaged wrapper the getter mints here and _scopeMinted wires the
lifecycle (own(kill) + the platform cleanup for Dart-owned), so dispose still kills it;
re-entry from the kill cleanup is a no-op via the scope's disposed flag.
Returns
void
Inherited from
effect()
effect(
fn):this
Defined in: js-api/src/u2core/component.ts:128
Parameters
| Parameter | Type |
|---|---|
fn | () => void |
Returns
this
Inherited from
fireEvent()
protectedfireEvent(eventId,args?):void
Defined in: js-api/src/u2core/component.ts:413
Parameters
| Parameter | Type |
|---|---|
eventId | string |
args? | unknown |
Returns
void
Inherited from
getDartProperties()
getDartProperties():
any[]
Defined in: js-api/src/widgets/base.ts:289
Returns
any[]
Inherited from
getFunctions()
getFunctions():
Func[]
Defined in: js-api/src/viewer.ts:114
Functions applicable to the underlying Dart viewer.
Returns
Func[]
Inherited from
getInfo()
getInfo():
object
Defined in: js-api/src/viewer.ts:204
Returns
object
Inherited from
getOptions()
getOptions(
includeDefaults?):object
Defined in: js-api/src/viewer.ts:200
Gets the serialized viewer options. [includeDefaults] flag specifies whether the properties with the default values should be returned. Not including default properties makes it more clean and efficient for serialization purposes.
See also setOptions Sample: https://public.datagrok.ai/js/samples/ui/viewers/types/scatter-plot
Parameters
| Parameter | Type | Default value |
|---|---|---|
includeDefaults | boolean | false |
Returns
object
| Name | Type | Defined in |
|---|---|---|
id | string | js-api/src/viewer.ts:200 |
look | object | js-api/src/viewer.ts:200 |
type | string | js-api/src/viewer.ts:200 |
Inherited from
getProperties()
getProperties():
Property[]
Defined in: js-api/src/viewer.ts:208
Returns all properties of this widget: the meta-generated ones plus addProperty's.
Returns
Property[]
Inherited from
getRowOrder()
getRowOrder():
Int32Array
Defined in: js-api/src/grid.ts:1046
Returns the order of rows in the table.
Returns
Int32Array
getVisibleCells()
getVisibleCells(
column?):Iterable<GridCell<any>>
Defined in: js-api/src/grid.ts:1153
Returns currently visible cells
Parameters
| Parameter | Type | Default value |
|---|---|---|
column | GridColumn<any> | null | null |
Returns
Iterable<GridCell<any>>
getWidgetStatus()
getWidgetStatus():
IWidgetStatus
Defined in: js-api/src/viewer.ts:111
Returns the widget's runtime structure for automated testing and introspection.
Returns
Inherited from
gridRowToTable()
gridRowToTable(
gridRow):number
Defined in: js-api/src/grid.ts:1094
Converts grid row index to table index. See also tableRowToGrid
Parameters
| Parameter | Type |
|---|---|
gridRow | number |
Returns
number
hitTest()
hitTest(
x,y):GridCell<any> |null
Defined in: js-api/src/grid.ts:1023
Returns a grid cell at the specified position, or null if there is none. Sample: https://public.datagrok.ai/js/samples/grid/hit-test
Parameters
| Parameter | Type |
|---|---|
x | number |
y | number |
Returns
GridCell<any> | null