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

<css lib="datatables" />
<js lib="jquery" />
<js lib="datatables" />

<title>HTML (DOM) sourced data</title>
<js><![CDATA[

$(document).ready(function() {
	$('#example').DataTable();
} );

]]></js>

<info><![CDATA[

The foundation for DataTables is progressive enhancement, so it is very adept at reading table information directly from the DOM. This example shows how easy it is to add searching, ordering and paging to your HTML table by simply running DataTables on it.

For further and more complex examples of using DataTables with DOM sourced data, please refer to the [basic initialisation](../basic_init) and [advanced initialisation](../advanced_init) examples.

]]></info>

</dt-example>
