{hero}

colReorder.realtime

Enable / disable live reordering of columns during a drag.
Please note - this property requires the ColReorder extension for DataTables.

Description

ColReorder will visually give the end user feedback about the reordering operation by showing an insert marker and also reordering the columns during the drag operation (by default). This option provides the option to turn the latter feedback mechanism off. You may wish to do this if you are targeting older browsers or older computers with complex tables as it can impact performance.

Type

boolean

Description:
  • true - Reorder columns during the drag operation initiated by the end user
  • false - Only reorder columns when the dragged element has been dropped.

Default

  • Value: true

Columns will be reordered during a drag operation

Example

Enable ColReorder and reserve the table's default column order (for a six column table):

$('#example').DataTable( {
	colReorder: {
		order: [ 5, 4, 3, 2, 1, 0 ]
	}
} );

Related

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