mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2026-03-25 08:42:16 +00:00
Website templates
This commit is contained in:
@@ -0,0 +1,33 @@
|
||||
<?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>< 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>
|
||||
|
||||
@@ -0,0 +1,29 @@
|
||||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
<dt-example table-type="html-wide" table-class="tdisplay responsive" order="2">
|
||||
|
||||
<css lib="foundation datatables-foundation responsive">
|
||||
table.dataTable th,
|
||||
table.dataTable td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
</css>
|
||||
<js lib="jquery datatables responsive datatables-foundation">
|
||||
<![CDATA[
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#example').DataTable();
|
||||
} );
|
||||
|
||||
]]>
|
||||
</js>
|
||||
|
||||
<title lib="Responsive">Foundation styling</title>
|
||||
|
||||
<info>< framework providing the styling. The [DataTables / Foundation integration files](//datatables.net/manual/styling/foundation) prove seamless integration for DataTables to be used in a Foundation page.
|
||||
|
||||
]]></info>
|
||||
|
||||
</dt-example>
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
<dt-example order="0">
|
||||
|
||||
<title lib="Responsive">Styling</title>
|
||||
|
||||
<info><![CDATA[
|
||||
|
||||
Responsive requires very little styling information of its own, with styling needed only for the child row display when the table has been collapsed. As such, integrating Responsive with your application should be as simple as including the Javascript and base stylesheet! This section shows Responsive being styling using external CSS frameworks.
|
||||
|
||||
]]></info>
|
||||
|
||||
</dt-example>
|
||||
Reference in New Issue
Block a user