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

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

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

]]>
</js>

<title lib="ColReorder">State saving</title>

<info><![CDATA[

A useful interaction pattern to use in DataTables is state saving, so when the end user reloads or revisits a page its previous state is retained. ColReorder works seamlessly with state saving in DataTables (`dt-init stateSave`), remembering and restoring the column positions, as well as everything else such as sorting and filtering.

]]></info>

</dt-example>
