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

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

<title>Foundation</title>
<js><![CDATA[
$(document).ready(function() {
	$('#example').DataTable();
} );
]]></js>

<info><![CDATA[

DataTables can integrate seamlessly with [Foundation](http://foundation.zurb.com/) using Foundations's [table styling options](http://foundation.zurb.com/docs/components/tables.html) to present a consistent interface with your Foundation driven site / app.

DataTables' Foundation integration also provides a renderer for the pagination control in DataTables to ensure that the pagination of the table is also styled consistently by Foundation.

This integration is done simply by including the DataTables Foundation files (CSS and JS) which sets the defaults needed for DataTables to be initialised as normal, as shown in this example.

]]></info>

</dt-example>
