<?xml version="1.0" encoding="UTF-8" ?>
<dt-example table-type="html" order="4">

<css lib="datatables colreorder" />
<js lib="jquery datatables colreorder">
<![CDATA[

$(document).ready(function() {
	$('#example').dataTable( {
		dom: 'Rlfrtip',
		colReorder: {
			realtime: true
		}
	} );
} );

]]>
</js>

<title lib="ColReorder">Realtime updating</title>

<info><![CDATA[

While the ColReorder insertion point indicator can be styled, another option to show the end user what the column will look like when the table has been reordered is to actually do the reordering while the mouse is still dragging the column header. This is shown in this example and is controlled by the `realtime` parameter.

For full information about the ColReorder options, please refer to the [ColReorder options documentation](//datatables.net/extensions/colreorder/options).

]]></info>

</dt-example>
