Adjust column width

Grid DisplayOptions.columnResizable is true, and if the column's resizable is true, at run time the user can change the width of the column by dragging near the right border of the column header . Additionally, you can change the width of a column with JavaScript code using the column's displayWidth property.

Setting whether all column sizes can be changed

DisplayOptions.columnResizable Setting the value to false prevents users from changing the size of any column.

var options = gridView.getDisplayOptions();
 
options.columnResizable = !options.columnResizable;
gridView.setDisplayOptions(options);

Set whether the selected column size can be changed

If you change the resizable property of a column, you can set whether or not to change the column size only for that column.

var colName = document.getElementById("columnList").value;
 
if (colName) {
     var proxy = gridView.columnByName(colName);
 
     proxy.resizable = !proxy.resizable;
}