RowResize

Enables user to change row height by dragging the bottom row border. After a resize operation, the rowHeight field of the record is updated (when applyToAllRows is false).

Try hovering the bottom row border in the grid below and use drag-drop to change the row height.

Row resize
//<code-header>
fiddle.title = 'Row resize';
//</code-header>
const grid = new Grid({
    appendTo : targetElement,

    // makes grid as high as it needs to be to fit rows
    autoHeight : true,

    features : {
        rowResize : true
    },

    data : DataGenerator.generateData(5),

    columns : [
        { field : 'firstName', text : 'First name', flex : 1 },
        { field : 'surName', text : 'Surname', flex : 1 },
        { type : 'date', field : 'start', text : 'Start', flex : 1 },
        { type : 'date', field : 'finish', text : 'Finish', flex : 1 }
    ]
});

This feature is disabled by default.

Configs

13

Common

disabledInstancePlugin
listenersEvents

Other

Set this to true to modify the global rowHeight which affects all grid rows.

cellSelector: String= .b-grid-cell

Set this to a CSS selector to only trigger row resizing in cells for a specific column.

Max height when resizing

Minimum height when resizing

Misc

clientInstancePlugin
localeClassLocalizable
localizableLocalizable

Properties

18

Common

disabledInstancePlugin

Class hierarchy

isRowResize: Boolean= truereadonly
Identifies an object as an instance of RowResize class, or subclass thereof.
isRowResize: Boolean= truereadonlystatic
Identifies an object as an instance of RowResize class, or subclass thereof.
isEventsEvents
isInstancePluginInstancePlugin
isLocalizableLocalizable

Other

Set this to true to modify the global rowHeight which affects all grid rows.

Max height when resizing

Minimum height when resizing

Lifecycle

configBase

Misc

clientInstancePlugin
localeHelperLocalizable
localeManagerLocalizable

Functions

28

Configuration

applyDefaultsstaticBase

Events

Lifecycle

destroystaticBase

Misc

doDisableInstancePlugin
initClassstaticBase
isOfTypeNamestaticBase
mixinstaticBase
optionalLstaticLocalizable

Other

LstaticLocalizable
onEvents
relayAllEvents
triggerEvents
unEvents

Events

5
catchAllEvents
destroyEvents
disableInstancePlugin
enableInstancePlugin

Event handlers

5
onDestroyEvents
onDisableInstancePlugin
onEnableInstancePlugin

Typedefs

1