Since: DataTables 1.10

Column sizing event - fired when the column widths are recalculated.


This event is fired whenever DataTables adjusts the column widths in the table and can be used by plug-ins to adjust any additional DOM elements they might have drawn on the page to take account of those changes.

Please note that, as with all DataTables emitted events, the event object has a DataTables API instance available on it (the first parameter). Additionally, the events are triggered with the dt namespace. As such, to listen for this event, you must also use the dt namespace by simply appending .dt to your event name, as shown in the example below.


function function( e, settings )



Notify when the column widths are recalculated:

let table = new DataTable('#myTable');

table.on('column-sizing.dt', function (e, settings) {
	console.log('Column width recalculated in table');


The following options are directly related and may also be useful in your application development.