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

<css lib="datatables">
	div.dataTables_length {
	padding-left: 2em;
	}
	div.dataTables_length,
	div.dataTables_filter {
		padding-top: 0.55em;
	}
</css>
<js lib="jquery" />
<js lib="datatables" />

<title>Multiple table control elements</title>
<js><![CDATA[

$(document).ready(function() {
	$('#example').DataTable( {
		"dom": '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>'
	} );
} );

]]></js>

<info><![CDATA[

As is described by the basic DOM positioning example you can use the `dt-init dom` initialisation parameter to move DataTables features around the table to where you want them.

In addition to this, you can also use `dt-init dom` to create multiple instances of these table controls. Simply include the feature's identification letter where you want it to appear, as many times as you wish, and the controls will all sync up (note that obviously the table (`-string t`) should be included only once).

This is shown in the demo below where the four key built-in features are duplicated above and below the table.

]]></info>

</dt-example>
