patternfly/components/datatables-colreorder/examples/alt_insert.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="3">

<css lib="datatables colreorder">
div.DTCR_pointer {
	margin-top: -15px;
	margin-left: -9px;
	width: 18px;
	background: url('../images/insert.png') no-repeat top left;
}
</css>
<js lib="jquery datatables colreorder">
<![CDATA[
$(document).ready(function() {
	$('#example').DataTable( {
		dom: 'Rlfrtip'
	} );
} );
]]>
</js>

<title lib="ColReorder">Alternative insert styling</title>

<info><![CDATA[

Using CSS it is easy to modify the insert bar to suit your web-site. This example shows how an arrow can be used to show the insert point rather than the straight bar used in the other examples by simply adding an extra CSS rule to include the image.

]]></info>

</dt-example>