mirror of
https://github.com/billz/raspap-webgui.git
synced 2023-10-10 13:37:24 +02:00
34 lines
1.1 KiB
XML
Executable File
34 lines
1.1 KiB
XML
Executable File
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<dt-example table-type="html-wide" table-class="table table-striped table-hover dt-responsive" order="1">
|
|
|
|
<css lib="bootstrap datatables-bootstrap responsive">
|
|
body { font-size: 140% }
|
|
|
|
table.dataTable th,
|
|
table.dataTable td {
|
|
white-space: nowrap;
|
|
}
|
|
</css>
|
|
<js lib="jquery datatables responsive datatables-bootstrap">
|
|
<![CDATA[
|
|
|
|
$(document).ready(function() {
|
|
$('#example').DataTable();
|
|
} );
|
|
|
|
]]>
|
|
</js>
|
|
|
|
<title lib="Responsive">Bootstrap styling</title>
|
|
|
|
<info><![CDATA[
|
|
|
|
This example shows DataTables and the Responsive extension being used with the [Bootstrap](http://getbootstrap.com) framework providing the styling. The [DataTables / Bootstrap integration files](//datatables.net/manual/styling/bootstrap) prove seamless integration for DataTables to be used in a Bootstrap page.
|
|
|
|
Note that the `dt-responsive` class is used to indicate to the extension that it should be enabled on this page, as `responsive` [has special meaning in Bootstrap](http://getbootstrap.com/css/#tables-responsive). The `r-init responsive` option could also be used if required.
|
|
|
|
]]></info>
|
|
|
|
</dt-example>
|
|
|