resize

Event fires when the grid width is changed. The "responsive" configuration setting should be set to true in order this event to fire.

Parameters

NameTypeDescription
e {object} event data
newWidth {number} The new width
oldWidth {number} The old width

Examples

sample

    
 <table id="grid"></table>
 <script>
     var grid = $('#grid').grid({
         dataSource: '/Players/Get',
         responsive: true,
         columns: [ { field: 'ID', width: 56 }, { field: 'Name' }, { field: 'PlaceOfBirth' } ]
     });
     grid.on('resize', function (e, newWidth, oldWidth) {
         alert('resize is fired.');
     });
 </script>