Fired when the user resizes a row (rows).

The event handler function context (available via the this keyword) will be set to the widget instance.

Event Data

e.row jQuery

A jQuery object holding a reference to the resized row element.

e.rows jQuery

A jQuery object holding a reference to all row elements that would be affected by the resizing. In scenario where row selection is enabled, users are allowed to resize all selected rows at once by performing the resize on one of them.

e.newHeight Number

The new row height.

e.oldHeight Number

The previous row height.

e.sender kendo.ui.Grid

The widget instance which fired the event.


<div id="grid"></div>
  columns: [
    { field: "name" },
    { field: "age" }
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  resizable: { rows: true },
  rowResize: function(e) {
      /* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(e.row, e.newHeight, e.oldHeight);
In this article