{/* Do not edit this file. It is automatically generated by API Documenter. */}


## DisplayOptions

Configuration model for display information managed at the grid level

**Signature:**

```typescript
export interface DisplayOptions
```

## Remarks

When setting it as an option in [Grid](/refs/Class/GridBase), you only need to enter the necessary information.

## Example


```js
grid.setDisplayOptions({rowResizable: true});
```

## Events

| Property | Type | Description |
| --- | --- | --- |
| [rowBlockCallback](/refs/Interface/DisplayOptions#rowblockcallback) | [RowBlockCallback](/refs/realgrid#rowblockcallback) | Callback to set custom [rowBlockType](/refs/Interface/DisplayOptions#rowblocktype) |
| [scrollMessageCallback](/refs/Interface/DisplayOptions#scrollmessagecallback) | [ScrollMessageCallback](/refs/realgrid#scrollmessagecallback) | A callback that returns a message displayed in the view indicating the scroll position when `liveScroll`{/* */} is `false`{/* */} |

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [altSelectAndImmediateDrag](/refs/Interface/DisplayOptions#altselectandimmediatedrag) | boolean | If `true`{/* */}, pressing `altKey`{/* */} while selecting a cell will change it to drag&amp;drop mode. |
| [autoClearHeights](/refs/Interface/DisplayOptions#autoclearheights) | boolean | [rowHeight](/refs/Interface/DisplayOptions#rowheight) Whether to delete the height set for each individual item when the property changes |
| [baseZindex](/refs/Interface/DisplayOptions#basezindex) | number | Set the zIndex of editor / editorButton. |
| [closePopupOnCheck](/refs/Interface/DisplayOptions#closepopuponcheck) | boolean | Whether to close the popup after selecting a popupMenu item whose type is `check` or `radio`{/* */} |
| [columnMovable](/refs/Interface/DisplayOptions#columnmovable) | boolean | Whether the column position can be changed |
| [columnResizable](/refs/Interface/DisplayOptions#columnresizable) | boolean | Whether column width can be changed |
| [columnResizeThreshold](/refs/Interface/DisplayOptions#columnresizethreshold) | number | The range of the mouse pointer that can change the width of the header |
| [defaultColumnWidth](/refs/Interface/DisplayOptions#defaultcolumnwidth) | number | Default value for column width |
| [eachRowResizable](/refs/Interface/DisplayOptions#eachrowresizable) | boolean | Whether the height of each row is adjustable |
| [editItemMerging](/refs/Interface/DisplayOptions#edititemerging) | boolean | Merged Whether to merge the row being edited when editing a cell in Row Grouping or Cell Merging mode. If `true`{/* */}, the merge state is maintained. |
| [emptyMessage](/refs/Interface/DisplayOptions#emptymessage) | string | Message displayed when there are no rows of data displayed in the grid |
| [fitLayoutPadding](/refs/Interface/DisplayOptions#fitlayoutpadding) | number | The amount of padding that the user can add when calling fitLayoutWidth |
| [fitStyle](/refs/Interface/DisplayOptions#fitstyle) | [GridFitStyle](/refs/realgrid#gridfitstyle) | Form for adjusting column width to match grid width |
| [fitStyleIncludeFixed](/refs/Interface/DisplayOptions#fitstyleincludefixed) | boolean | Whether to include the fixed area when applying fitStyle. |
| [focusType](/refs/Interface/DisplayOptions#focustype) | [FocusType](/refs/realgrid#focustype) | form of focus |
| [focusVisible](/refs/Interface/DisplayOptions#focusvisible) | boolean | Visibility of focus |
| [groupFocusLevel](/refs/Interface/DisplayOptions#groupfocuslevel) | number | Specifies the groupLayout to be displayed when groupFocusVisible is `true`{/* */}. |
| [groupFocusVisible](/refs/Interface/DisplayOptions#groupfocusvisible) | boolean | When the focused cell is a child cell of the group layout, focus is displayed on the group layout. |
| [hintDelay](/refs/Interface/DisplayOptions#hintdelay) | number | tooltip delay time |
| [horzPageScroll](/refs/Interface/DisplayOptions#horzpagescroll) | boolean | Scroll page by page when moving columns with the keyboard |
| [hscrollBar](/refs/Interface/DisplayOptions#hscrollbar) | boolean \| "always" | Whether to display the horizontal scroll bar |
| [hscrollDuration](/refs/Interface/DisplayOptions#hscrollduration) | number | tooltip display delay time when scrolling horizontally |
| [liveScroll](/refs/Interface/DisplayOptions#livescroll) | boolean | Whether to scroll immediately when scrolling using the track-thumb of the scrollbar |
| [maxRowHeight](/refs/Interface/DisplayOptions#maxrowheight) | number | row max height |
| [minCellWidth](/refs/Interface/DisplayOptions#mincellwidth) | number | cell minimum width |
| [minRowHeight](/refs/Interface/DisplayOptions#minrowheight) | number | row minimum height |
| [minTableRowHeight](/refs/Interface/DisplayOptions#mintablerowheight) | number | Table row minimum height |
| [popupDropdownCount](/refs/Interface/DisplayOptions#popupdropdowncount) | number | Number of lists displayed on one screen in a pop-up or context menu |
| [popupViewDistance](/refs/Interface/DisplayOptions#popupviewdistance) | number | Specify the spacing between pop-up menu and submenu |
| [refCalcHeights](/refs/Interface/DisplayOptions#refcalcheights) | boolean | When [rowHeight](/refs/Interface/DisplayOptions#rowheight){/* */} is `-1`{/* */}, the height of the displayed row is not searched again when the grid is scrolled, but the calculated height is used. |
| [refreshMode](/refs/Interface/DisplayOptions#refreshmode) | [RefreshMode](/refs/realgrid#refreshmode) | Mode when redrawing grid |
| [remergeWhenColumnMoved](/refs/Interface/DisplayOptions#remergewhencolumnmoved) | boolean | Whether to retry the merge when the column position changes. |
| [rightClickable](/refs/Interface/DisplayOptions#rightclickable) | boolean | Right mouse button availability |
| [rowBlockType](/refs/Interface/DisplayOptions#rowblocktype) | [RowMaskType](/refs/realgrid#rowmasktype) | Mask type when selecting row |
| [rowChangeDelay](/refs/Interface/DisplayOptions#rowchangedelay) | number | Latency for changing data row position |
| [rowFocusType](/refs/Interface/DisplayOptions#rowfocustype) | [RowMaskType](/refs/realgrid#rowmasktype) | Mask type of focused row |
| [rowHeight](/refs/Interface/DisplayOptions#rowheight) | number | row height |
| [rowHeightPadding](/refs/Interface/DisplayOptions#rowheightpadding) | number | The number of pixels to add as padding to the computed height when using automatic row heights (rowHeight = -1). |
| [rowHoverType](/refs/Interface/DisplayOptions#rowhovertype) | [RowMaskType](/refs/realgrid#rowmasktype) | Mask type when hovering a row |
| [rowResizable](/refs/Interface/DisplayOptions#rowresizable) | boolean | Is the overall row height adjustable? |
| [scrollDuration](/refs/Interface/DisplayOptions#scrollduration) | number | tooltip display delay time when scrolling vertically |
| [selectAndImmediateDrag](/refs/Interface/DisplayOptions#selectandimmediaterag) | boolean | If `true`{/* */}, changes to drag&amp;drop mode immediately after selecting a cell. |
| [selectAtSingleRow](/refs/Interface/DisplayOptions#selectatsinglerow) | boolean |  [DisplayOptions.selectionStyle](/refs/Interface/DisplayOptions#selectionstyle){/* */} is [SelectionStyle.BLOCK](/refs/realgrid#selectionstyle) or [SelectionStyle.GROUP](/refs/realgrid#selectionstyle) Whether multiple rows can be selected when {/* */} |
| [selectionDisplay](/refs/Interface/DisplayOptions#selectiondisplay) | [SelectionDisplay](/refs/realgrid#selectiondisplay) | Display of selected area |
| [selectionMode](/refs/Interface/DisplayOptions#selectionmode) | [SelectionMode](/refs/realgrid#selectionmode) | Mode of selection |
| [selectionRemovable](/refs/Interface/DisplayOptions#selectionremovable) | boolean | Whether the selection area can be removed when the selection area is clicked again with Control + Click |
| [selectionStyle](/refs/Interface/DisplayOptions#selectionstyle) | [SelectionStyle](/refs/realgrid#selectionstyle) | Style of selection |
| [showChangeMarker](/refs/Interface/DisplayOptions#showchangemarker) | boolean | Whether to show marker changes |
| [showEmptyMessage](/refs/Interface/DisplayOptions#showemptymessage) | boolean | Whether to display a message when no rows of data are visible in the grid |
| [showEmptyTooltip](/refs/Interface/DisplayOptions#showemptytooltip) | boolean | Whether to show tooltips regardless of data |
| [showInnerFocus](/refs/Interface/DisplayOptions#showinnerfocus) | boolean | Whether to display individual cell areas in Merged Cell |
| [showNativeEditButton](/refs/Interface/DisplayOptions#shownativeeditbutton) | boolean | Whether to display the edit button on the right side of the cell when using a native drop-down editor (date, list). |
| [showTooltip](/refs/Interface/DisplayOptions#showtooltip) | boolean | Tooltip display status |
| [showTooltipWhileEditing](/refs/Interface/DisplayOptions#showtooltipwhileediting) | boolean | Whether to show tooltip while the grid is being edited |
| [syncGridHeight](/refs/Interface/DisplayOptions#syncgridheight) | [SyncGridHeight](/refs/realgrid#syncgridheight) | Change the height of the grid container so that all data is visible on the screen. |
| [toastZIndex](/refs/Interface/DisplayOptions#toastzindex) | number | Specify the zIndex of the displayed Toast window |
| [tooltipEllipsisOnly](/refs/Interface/DisplayOptions#tooltipellipsisonly) | boolean | Whether to display tooltips for cells in ellipsis state |
| [useAlternateRowStyle](/refs/Interface/DisplayOptions#usealternaterowstyle) | boolean | Set “rg-alternate-row” to be added to the className of even rows. |
| [useFocusClass](/refs/Interface/DisplayOptions#usefocusclass) | boolean | Set the class name of the focused cell and row. |
| [vscrollBar](/refs/Interface/DisplayOptions#vscrollbar) | boolean \| "always" | Whether to display the vertical scroll bar |
| [watchDisplayChange](/refs/Interface/DisplayOptions#watchdisplaychange) | boolean | Automatically renews the screen when the display of the container changes |
| [wheelAccelDelay](/refs/Interface/DisplayOptions#wheelacceldelay) | number | Minimum time for acceleration when scrolling vertically |
| [wheelAccelScroll](/refs/Interface/DisplayOptions#wheelaccelscroll) | number \| string | If there is a delay of [wheelAccelDelay](/refs/Interface/DisplayOptions#wheelacceldelay), scrolling is accelerated by the corresponding attribute. |
| [wheelDeltaY](/refs/Interface/DisplayOptions#wheeldeltay) | number | Adjust sensitivity when scrolling using the touchPad. |
| [wheelEnabled](/refs/Interface/DisplayOptions#wheelenabled) | boolean | Wheel Availability |
| [wheelEventPropagate](/refs/Interface/DisplayOptions#wheeleventpropagate) | boolean | Whether wheel events that occur within the grid are emitted externally |
| [wheelScrollHorz](/refs/Interface/DisplayOptions#wheelscrollhorz) | number | Position movement variation value (speed) when scrolling horizontally with the wheel |
| [wheelScrollLines](/refs/Interface/DisplayOptions#wheelscrolllines) | number | Number of rows scrolled at one time |

## Event Desc

### rowBlockCallback

Callback to set custom [rowBlockType](/refs/Interface/DisplayOptions#rowblocktype)

**Example:**


```js
const f = function(grid, itemIndex) {
     let billNo;
     let ds = grid.getDataSource();
     let fld = ds.getFieldIndex("text1");
     let dataRow = grid.getDataRow(itemIndex);
     if (dataRow >= 0) {
         billNo = ds.getValue(dataRow, fld);
     } else {
         billNo = null;
     }

     let top = Math.min(grid.getTopItem(), itemIndex);
     let full = top + grid.fullItemCount();
     let startNo = top + full;
     let endNo = -1;
     let check1 = false;

     for (let i = top; i <= full; i++) {
         dataRow = grid.getDataRow(i);
         if (dataRow < 0) {
             continue;
         }

         let cBillNo = ds.getValue(dataRow, fld);

         if (cBillNo === billNo) {
             startNo = Math.min(startNo, i), endNo = Math.max(endNo, i);
             check1 = true;
         } else {
             if (check1) {
                 break;
             }
         }
     };

     if (startNo <= endNo && endNo > 0) {
         console.log(startNo)
         console.log(endNo);
         return { start: startNo, end: endNo };
     }
}

grid.setDisplayOptions = {
      rowBlockType: 'row,
      rowBlockCallback: f
}
```

<hr/>

### scrollMessageCallback

A callback that returns a message displayed in the view indicating the scroll position when `liveScroll`{/* */} is `false`{/* */}

**Remarks:**

The format is [ScrollMessageCallback](/refs/realgrid#scrollmessagecallback).

**Example:**


```js
gridView.displayOptions.scrollMessageCallback = function(grid, vertical, itemIndex) {
     var msg = grid.getValue(itemIndex, "area3name");
     return "<span style='color:blue;font-size:20px'>itemIndex = " + msg + "</span>";
}
```

<hr/>

## Properties Desc

### altSelectAndImmediateDrag

If `true`{/* */}, when you press `altKey`{/* */} and select a cell, it changes to drag&drop mode.

`Type` - boolean

**Remarks:**

[DisplayOptions.selectionStyle](/refs/Interface/DisplayOptions#selectionstyle){/* */} is not applied when `column`{/* */} is.

<hr/>

### autoClearHeights

[rowHeight](/refs/Interface/DisplayOptions#rowheight) Whether to delete the height set for each individual item when the property is changed.

`Type` - boolean

<hr/>

### baseZindex

Set the zIndex of editor / editorButton.

`Type` - number

<hr/>

### closePopupOnCheck

Whether to close the popup when a popupMenu item's type is `check` or `radio`{/* */}

`Type` - boolean

<hr/>

### columnMovable

Column position can be changed

`Type` - boolean

**Remarks:**

Header cells can be changed by dragging them

<hr/>

### columnResizable

Column width can be changed

`Type` - boolean

**Remarks:**

You can change it by dragging the right side of the header cell.

<hr/>

### columnResizeThreshold

The mouse range that can change the width of the header

`Type` - number

<hr/>

### defaultColumnWidth

Default value for column width

`Type` - number

<hr/>

### eachRowResizable

Is each row height adjustable?

`Type` - boolean

**Remarks:**

You can adjust it by dragging the bottom of the cell. [DisplayOptions.rowResizable](/refs/Interface/DisplayOptions#rowresizable){/* */} must be `true`{/* */}.

<hr/>

### editItemMerging

Merged Whether to merge the row being edited when editing a cell in Row Grouping or Cell Merging mode. If `true`{/* */}, the merge state is maintained.

`Type` - boolean

<hr/>

### emptyMessage

Message displayed when there are no rows of data displayed in the grid.

`Type` - string

<hr/>

### fitLayoutPadding

The padding that the user can add when calling fitLayoutWidth.

`Type` - number

<hr/>

### fitStyle

Form for adjusting column width to fit the width of the grid

`Type` - [GridFitStyle](/refs/realgrid#gridfitstyle)

<hr/>

### fitStyleIncludeFixed

Whether to include the fixed area when applying fitStyle.

`Type` - boolean

**Remarks:**

if set to [DisplayOptions.fitStyle](/refs/Interface/DisplayOptions#fitstyle){/* */} to [even](/refs/realgrid#gridfitstyle) or [evenFill](/refs/realgrid#gridfitstyle){/* */ }, the width of the columns in the fixed area also changes.

[GridFitStyle.FILL](/refs/realgrid#gridfitstyle){/* */} is not applicable.

<hr/>

### focusType

form of focus

`Type` - [FocusType](/refs/realgrid#focustype)

<hr/>

### focusVisible

Visibility of focus

`Type` - boolean

<hr/>

### groupFocusLevel

Specifies the groupLayout to be displayed when groupFocusVisible is `true`{/* */}.

`Type` - number

**Remarks:**

`-1`{/* */}: If the top Layout is greater than selection `0`{/* */}, the groupLayout corresponding to the input level is selected.

<hr/>

### groupFocusVisible

When the focused cell is a child cell of the group layout, focus is displayed on the group layout.

`Type` - boolean

**Remarks:**

groupLayout is determined by groupFocusLevel.

<hr/>

### hintDelay

Tooltip Delay Time

`Type` - number

<hr/>

### horzPageScroll

Page-by-page scrolling when moving columns with the keyboard

`Type` - boolean

<hr/>

### hscrollBar

Whether to display horizontal scroll bar

`Type` - boolean \| "always"

**Remarks:**

Setting `always`{/* */} will always display the scrollbar, regardless of scrolling.
<hr/>

### hscrollDuration

tooltip display delay time when scrolling horizontally

`Type` - number

**Remarks:**

Delays the generation of tooltips when scrolling using the track-thumb of the scrollbar.

Applies only when [liveScroll](/refs/Interface/DisplayOptions#livescroll){/* */} is `false`{/* */}.

<hr/>

### liveScroll

Whether to scroll immediately when scrolling using the track-thumb of the scrollbar

`Type` - boolean

**Remarks:**

If `false`{/* */}, scrolling occurs when the mouse button is released.

<hr/>

### maxRowHeight

row max height

`Type` - number

<hr/>

### minCellWidth

cell minimum width

`Type` - number

<hr/>

### minRowHeight

row minimum height

`Type` - number

<hr/>

### minTableRowHeight

Table row minimum height

`Type` - number

<hr/>

### popupDropdownCount

Number of lists displayed on one screen in pop-ups or context menus

`Type` - number

<hr/>

### popupViewDistance

Specify the spacing between pop-up menu and submenu

`Type` - number

<hr/>

### refCalcHeights

When [rowHeight](/refs/Interface/DisplayOptions#rowheight){/* */} is `-1`{/* */}, the height of the displayed row is not searched again when the grid is scrolled, but the calculated height is used.

`Type` - boolean

**Remarks:**

If set to `false`{/* */}, the height will be recalculated when the row is displayed on the screen. This can be slow if many rows are displayed on the screen.

<hr/>

### refreshMode

Mode when redrawing the grid

`Type` - [RefreshMode](/refs/realgrid#refreshmode)

<hr/>

### remergeWhenColumnMoved

Whether to retry the merge when the column position changes.

`Type` - boolean

<hr/>

### rightClickable

Availability of right mouse button

`Type` - boolean

<hr/>

### rowBlockType

Mask type when selecting rows

`Type` - [RowMaskType](/refs/realgrid#rowmasktype)

**Remarks:**

When selecting a row or cell, the row selection area is displayed.

<hr/>

### rowChangeDelay

Latency for changing data row position

`Type` - number

**Remarks:**

Delay [onCurrentRowChanged](/refs/Class/GridBase#oncurrentrowchanged).

<hr/>

### rowFocusType

Mask type of focused row

`Type` - [RowMaskType](/refs/realgrid#rowmasktype)

<hr/>

### rowHeight

row height

`Type` - number

**Remarks:**

If it is 0, the height of the rows is found to be an appropriate value considering the font and padding style of the grid. If the value is greater than 0, the specified value becomes the height of the rows. If `-1`, the row height changes according to the contents of the cell.

<hr/>

### rowHeightPadding

The number of pixels added to the calculated row height as padding when using automatic row height (rowHeight = -1).

`Type` - number

**Remarks:**

Only applies when automatic row height is enabled. The default value is 0, which increases the row height by the specified value.

<hr/>

### rowHoverType

Mask type when hovering a row

`Type` - [RowMaskType](/refs/realgrid#rowmasktype)

**Remarks:**

When hovering, the row selection area is displayed.

<hr/>

### rowResizable

Is the overall row height adjustable?

`Type` - boolean

**Remarks:**

You can adjust it by dragging the bottom of the cell in the first column or the bottom of the indicator in the first row.

<hr/>

### scrollDuration

tooltip display delay time when scrolling vertically

`Type` - number

**Remarks:**

Delays the generation of tooltips when scrolling using the track-thumb of the scrollbar.

Applies only when [liveScroll](/refs/Interface/DisplayOptions#livescroll){/* */} is `false`{/* */}.

<hr/>

### selectAndImmediateDrag

If `true`{/* */}, changes to drag&amp;drop mode immediately after selecting a cell.

`Type` - boolean

**Remarks:**

This does not apply if [DisplayOptions.selectionStyle](/refs/Interface/DisplayOptions#selectionstyle){/* */} is `column`{/* */}.

<hr/>

### selectAtSingleRow

Whether multiple rows can be selected when [DisplayOptions.selectionStyle](/refs/Interface/DisplayOptions#selectionstyle){/* */} is [SelectionStyle.BLOCK](/refs/realgrid#selectionstyle) or [SelectionStyle.GROUP](/refs/realgrid#selectionstyle){  /* */}

`Type` - boolean

**Remarks:**

If `false`{/* */}, selection is possible only on one row.

<hr/>

### selectionDisplay

Display of selection area

`Type` - [SelectionDisplay](/refs/realgrid#selectiondisplay)

**Remarks:**

For detailed explanation, see [SelectionDisplay](/refs/realgrid#selectiondisplay)

<hr/>

### selectionMode

mode of selection

`Type` - [SelectionMode](/refs/realgrid#selectionmode)

**Remarks:**

In the case of [multiple selection](/refs/realgrid#selectionmode){/* */}, `rowMove`{/* */} and `copy`{/* */} are not supported.

<hr/>

### selectionRemovable

Whether selection area can be removed when control + clicked again

`Type` - boolean

<hr/>

### selectionStyle

Style of selection

`Type` - [SelectionStyle](/refs/realgrid#selectionstyle)

**Remarks:**

For detailed explanation, see [SelectionStyle](/refs/realgrid#selectionstyle)

<hr/>

### showChangeMarker

Whether to show marker changes

`Type` - boolean

<hr/>

### showEmptyMessage

Whether to display a message when no rows of data are visible in the grid

`Type` - boolean

<hr/>

### showEmptyTooltip

Whether to show tooltips regardless of data

`Type` - boolean

**Remarks:**

[onShowTooltip()](/refs/Class/GridBase#onshowtooltip) occurs when `true`{/* */}

<hr/>

### showInnerFocus

Whether to display individual cell areas in Merged Cell

`Type` - boolean

<hr/>

### showNativeEditButton

Whether to display the edit button on the right side of the cell when using a native drop-down editor (date, list).

`Type` - boolean

<hr/>

### showTooltip

Whether to display tooltips

`Type` - boolean

**Remarks:**

If set to `true`{/* */}, the tooltip is displayed even if showTooltip is not set in the column. If [renderer.showTooltip](/refs/Interface/CellRenderer#showtooltip){/* */} is `false`{/* */}, it is not displayed.

<hr/>

### showTooltipWhileEditing

Whether to show tooltip while the grid is being edited

`Type` - boolean

**Remarks:**

If `true`{/* */}, the tooltip will be displayed when the mouse hovers over a cell other than the one being edited.

<hr/>

### syncGridHeight

Change the height of the grid container so that all data is visible on the screen.

`Type` - [SyncGridHeight](/refs/realgrid#syncgridheight)

**Remarks:**

If the number of displayed data is large, the speed may be slow. The height of the grid container must be specified before the grid is created to return to its original size.

If [rowHeight](/refs/Interface/DisplayOptions#rowheight){/* */} is -1, it is not applied.

<hr/>

### toastZIndex

Specify zIndex of the displayed Toast window

`Type` - number

<hr/>

### tooltipEllipsisOnly

Whether to display tooltips for cells in ellipsis state

`Type` - boolean

**Remarks:**

If set to `true`{/* */}, the tooltip will be displayed only for cells in ellipsis state. If [renderer.tooltipEllipsisOnly](/refs/Interface/CellRenderer#tooltipellipsisonly){/* */} is `false`{/* */}, the tooltip for the column is displayed in all cells.

<hr/>

### useAlternateRowStyle

Set “rg-alternate-row” to be added to the className of even rows.

`Type` - boolean

<hr/>

### useFocusClass

Set the class name of the focused cell and row.

`Type` - boolean

**Remarks:**

If `true`{/* */}, `rg-focused-cell`{/* */} is added to the className of the focused cell. Add `rg-focused-row`{/* */} to the className of Row.

<hr/>

### vscrollBar

Whether to display the vertical scroll bar.

`Type` - boolean \| "always"

**Remarks:**

Setting `always`{/* */} will always display the scroll bar, regardless of scrolling.

<hr/>

### watchDisplayChange

Automatically updates the screen when the display of the container changes

`Type` - boolean

**Remarks:**

When the display of the upper grid element changes, the screen is automatically updated.

<hr/>

### wheelAccelDelay

Minimum time for acceleration when scrolling vertically

`Type` - number

**Remarks:**

Use with [wheelAccelScroll](/refs/Interface/DisplayOptions#wheelaccelscroll).

<hr/>

### wheelAccelScroll

If there is a delay of [wheelAccelDelay](/refs/Interface/DisplayOptions#wheelacceldelay), scrolling is accelerated by the corresponding attribute.

`Type` - number \| string

**Remarks:**

Number - number of items

String - Percentage ex) `'50%'`

<hr/>

### wheelDeltaY

Adjust sensitivity when scrolling using the touchPad.

`Type` - number

**Remarks:**

In the case of the touchPad, scrolling occurs only when there is a slight movement, but only when there is a specified number of movements.

A value of around `10` \~ `20` is appropriate.

Applies only to vertical scrolling.

<hr/>

### wheelEnabled

Wheel availability

`Type` - boolean

<hr/>

### wheelEventPropagate

Whether wheel events that occur within the grid are emitted externally

`Type` - boolean

<hr/>

### wheelScrollHorz

Position movement variation value (speed) when scrolling horizontally with the wheel

`Type` - number

<hr/>

### wheelScrollLines

Number of rows scrolled at one time

`Type` - number

<hr/>