resizeColumn

enables/disables horizontal resizing of columns

boolean|object resizeColumn;

Example

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

Details

By default, the parameter is disabled.

When enabled, the method doesn't actually resize the datatable. After page refresh, size returns to the initial one (provided that you haven't saved the table's state).

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

Tables in Material and Mini skins have no borders by default. To restore the borders, make use of the following configuration options:

  • css:"webix_data_border",
  • css:"webix_header_border",
  • css:"webix_footer_border"
See also
Back to top
If you have not checked yet, be sure to visit site of our main product Webix best ui framework and page of javascript datagrid product.