resizeRow

enables/disables vertical resizing of rows

boolean|object resizeRow;

Example

webix.ui({
    view:"datatable",
    resizeRow:true,
    ...
});
 
// define the size of the area where resizing can start
webix.ui({
    view:"datatable",
    resizeRow:{size:6},
    ...
});
 
// allow resizing only in the header
webix.ui({
    view:"datatable",
    resizeRow:{headerOnly:true},
    ...
});

Details

By default, the parameter is disabled.

When enabled, the property doesn't actually resize the datatable rows. After a page is refreshed, the size returns to the initial one (provided that you haven't saved the state of the table).

To change a row size, the user must drag the bottom border. To spread the area, where the mouse pointer can grab and drag the border, define the size in pixels (the example above).

See also
Back to top
If you have not checked yet, be sure to visit site of our main product Webix js framework and page of download datatable product.