update to bootstrap 3.3.7

This commit is contained in:
David Miller
2016-07-25 16:48:58 -04:00
parent 8eee15719f
commit 4eb66ac3b5
83 changed files with 3287 additions and 380 deletions

View File

@@ -1,8 +1,15 @@
<?xml version="1.0" encoding="UTF-8" ?>
<dt-example table-type="html-wide" table-class="display dt-responsive nowrap" order="1" framework="bootstrap">
<dt-example table-type="html-wide" table-class="table table-striped table-hover dt-responsive" order="1">
<css lib="datatables responsive"/>
<js lib="jquery datatables responsive">
<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() {
@@ -16,7 +23,7 @@ $(document).ready(function() {
<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](//datatables.net/manual/styling/bootstrap) prove seamless integration for DataTables to be used in a Bootstrap page.
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.

View File

@@ -8,9 +8,9 @@
<![CDATA[
$(document).ready(function() {
var table = $('#example').DataTable( {
responsive: true
} );
var table = $('#example').DataTable();
new $.fn.dataTable.Responsive( table );
} );
]]>

View File

@@ -1,8 +1,13 @@
<?xml version="1.0" encoding="UTF-8" ?>
<dt-example table-type="html-wide" table-class="display responsive nowrap" order="2" framework="foundation">
<dt-example table-type="html-wide" table-class="tdisplay responsive" order="2">
<css lib="datatables responsive"/>
<js lib="jquery datatables responsive">
<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() {
@@ -16,7 +21,7 @@ $(document).ready(function() {
<info><![CDATA[
This example shows DataTables and the Responsive extension being used with the [Foundation](http://foundation.zurb.com) framework providing the styling. The [DataTables / Foundation integration](//datatables.net/manual/styling/foundation) prove seamless integration for DataTables to be used in a Foundation page.
This example shows DataTables and the Responsive extension being used with the [Foundation](http://foundation.zurb.com) 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>

0
bower_components/datatables-responsive/examples/styling/index.xml vendored Normal file → Executable file
View File

View File

@@ -1,24 +0,0 @@
<?xml version="1.0" encoding="UTF-8" ?>
<dt-example table-type="html-wide" table-class="display responsive nowrap" order="3" framework="jqueryui">
<css lib="datatables responsive"/>
<js lib="jquery datatables responsive">
<![CDATA[
$(document).ready(function() {
$('#example').DataTable();
} );
]]>
</js>
<title lib="Responsive">jQuery UI styling</title>
<info><![CDATA[
This example shows DataTables and Responsive being used with [jQuery UI](http://jqueryui.com/) providing the base styling information.
]]></info>
</dt-example>

View File

@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8" ?>
<dt-example table-type="html-wide" table-class="display responsive nowrap" order="5">
<dt-example table-type="html-wide" table-class="display nowrap" order="3">
<css lib="datatables responsive">
div.container { max-width: 1200px }
@@ -12,6 +12,8 @@ $(document).ready(function() {
scrollY: 300,
paging: false
} );
new $.fn.dataTable.Responsive( table );
} );
]]>