CasperSecurity

Current Path : /var/www/uim.org.in/limsysuim/js/datatables/tools/examples/

Upload File :

Current File : /var/www/uim.org.in/limsysuim/js/datatables/tools/examples/bootstrap.xml

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

<css lib="bootstrap datatables-bootstrap">
	body { font-size: 140%; }
	div.DTTT { margin-bottom: 0.5em; float: right; }
	div.dataTables_wrapper { clear: both; }
</css>
<js lib="jquery datatables tabletools datatables-bootstrap">
<![CDATA[
$(document).ready(function() {
	var table = $('#example').DataTable();
	var tt = new $.fn.dataTable.TableTools( table );

	$( tt.fnContainer() ).insertBefore('div.dataTables_wrapper');
} );
]]>
</js>

<title lib="TableTools">Bootstrap styling</title>

<info><![CDATA[

[Twitter Bootstrap](http://twitter.github.com/bootstrap/) is a very powerful design framework for allowing you to very quickly create applications with a unified look and feel. [DataTables integrates well](http://datatables.net/manual/styling/bootstrap) with Bootstrap, and so does TableTools.

This example shows the default Bootstrap theme being used with a Bootstrap styled DataTable. The [`new`](new_init.html) form of initialising TableTools is used here, as the Bootstrap integration uses a complex `dt-init dom` option (it is possible to provide a custom `dt-init dom` option if you want to, this is just for simplicity!).

]]></info>

</dt-example>