{hero}

column-sizing

Since: DataTables 1.10

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

Description

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, this event is 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.

Type

function function( e, settings )

Parameters:

Example

Notify when the column widths are recalculated:

$('#example').dataTable();

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

Related

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