Called when user triggers automatic resizing by double clicking a column resizer. You can add the event listener during the grid object creation: let grid = new w2grid({ name : 'grid', columns: [ { field: 'recid', text: 'ID', size: '50px' }, { field: 'lname', text: 'Last Name', size: '30%' }, { field: 'fname', text: 'First Name', size: '30%' }, { field: 'email', text: 'Email', size: '40%' }, { field: 'sdate', text: 'End Date', size: '120px' } ], records: [ { recid: 1, fname: 'John', lname: 'doe', email: 'vitali@gmail.com', sdate: '1/3/2012' }, { recid: 2, fname: 'Stuart', lname: 'Motzart', email: 'jdoe@gmail.com', sdate: '2/4/2012' }, { recid: 3, fname: 'Jin', lname: 'Franson', email: '--', sdate: '4/23/2012' }, { recid: 4, fname: 'Susan', lname: 'Ottie', email: 'jdoe@gmail.com', sdate: '5/3/2012' }, { recid: 5, fname: 'Kelly', lname: 'Silver', email: 'jdoe@gmail.com', sdate: '4/3/2012' }, { recid: 6, fname: 'Francis', lname: 'Gatos', email: 'vitali@gmail.com', sdate: '2/5/2012' } ], onColumnAutoResize: function(event) { console.log(event); } }); or after the grid object has been created: w2ui.grid.on('columnAutoResize', function(event) { console.log(event); }); The event handler is called before the default action of the event is triggered. You can cancel the default action by calling event.preventDefault(). To perform an action after the event is fully processed, define event.onComplete function. See events page in utilities for more details.