patternfly/components/datatables-colreorder/examples/jqueryui.xml

This reference implementation of PatternFly is based on [Bootstrap v3](http://getbootstrap.com/). Think of PatternFly as a "skinned" version of Bootstrap with additional components and customizations.

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

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

$(document).ready(function() {
	var table = $('#example').dataTable();

	new $.fn.dataTable.ColReorder( table );
} );

]]>
</js>

<title lib="ColReorder">jQuery UI styling</title>

<info><![CDATA[

This example shows how the jQuery UI ThemeRoller option in DataTables can be used with ColReorder.

The important thing to note here is that it is easier to use `new $.fn.dataTable.ColReorder()` to add ColReorder to the table rather than `dt-init dom` as the jQuery UI integration uses a complex expression for `dt-init dom`.

]]></info>

</dt-example>