resizable.rows Boolean (default:false)

If set to true, users can resize Grid rows by dragging their bottom edge. Users can also auto-fit a row by double-clicking its bottom edge. In this case the row will assume the smallest possible height, which allows the cells content to be fully displayed.

In scenario where row selection is enabled, users are allowed to resize all selected rows at once by performing the resize interaction on one of them.

By default, row resizing is disabled.

Example - enable column resizing

<div id="grid"></div>
  columns: [
    { field: "name" },
    { field: "age" }
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  resizable: {
    rows: true
In this article