New to Kendo UI for jQuery? Start a free 30-day trial

ColumnResize

events

Fires when the user resizes a column via the Resize contextMenu command. The event handler function context (available through the this keyword) will be set to the component instance.

columnResize

Event Data

e.column `Object`

A JavaScript object which represents the column configuration.

e.newWidth `Number`

The new column width.

e.oldWidth `Number`

The previous column width.

e.sender `kendo.ui.PropertyGrid`

The component instance which fired the event.

<div id="propertyGrid"></div>

<script>
  $("#propertyGrid").kendoPropertyGrid({
    model: {
        details: {
            title: "Title",
            price: 15
        },
        foo: "bar",
        baz: 5
    },
    width: 500,
    columnResize: function(e) {
        /* The result can be observed in the DevTools(F12) console of the browser. */
        console.log(e.column[0].field, e.newWidth, e.oldWidth);
    }
  });
</script>

ColumnResize

columnResize

Event Data

e.column Object

e.newWidth Number

e.oldWidth Number

e.sender kendo.ui.PropertyGrid

e.column `Object`

e.newWidth `Number`

e.oldWidth `Number`

e.sender `kendo.ui.PropertyGrid`