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
Configs
13Other
Set this to true to modify the global rowHeight which affects all grid rows.
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
bubbleEventsEvents
callOnFunctionsEvents
clientInstancePlugin
localeClassLocalizable
localizableLocalizable
localizablePropertiesLocalizable
Properties
18
Properties
18Common
disabledInstancePlugin
Class hierarchy
Identifies an object as an instance of RowResize class, or subclass thereof.
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
Functions
28
Functions
28Configuration
Events
detachListenersBase
Misc
animatePropertyBase
callbackBase
doDisableInstancePlugin
downloadTestCaseBase
resolveCallbackBase
updateLocalizationLocalizable
Other
addListenerEvents
hasListenerEvents
onEvents
relayAllEvents
removeAllListenersEvents
removeListenerEvents
resumeEventsEvents
suspendEventsEvents
triggerEvents
unEvents
Events
5
Events
5Event handlers
5
Event handlers
5Typedefs
1
Typedefs
1BryntumListenerConfigEvents