New: Bootstrap 4 integration

New: Semantic UI integration
DataTables · May 19, 2016 · 2118260 · 2118260
1 parent 7e66fbc
commit 2118260
Show file tree

Hide file tree

Showing 6 changed files with 67 additions and 2 deletions.
diff --git a/css/scroller.bootstrap4.scss b/css/scroller.bootstrap4.scss
@@ -0,0 +1,9 @@
+
+@import 'scroller.dataTables.scss';
+
+div.DTS {
+	// Don't have transparent rows
+	tbody tr.even {
+		background-color: white;
+	}
+}
diff --git a/css/scroller.semanticui.scss b/css/scroller.semanticui.scss
@@ -0,0 +1,2 @@
+
+@import 'scroller.dataTables.scss';
diff --git a/examples/styling/bootstrap4.xml b/examples/styling/bootstrap4.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="scroller" table-class="display nowrap" order="2" framework="bootstrap4">
+
+<css lib="datatables scroller" />
+<js lib="jquery datatables scroller">
+<![CDATA[
+$(document).ready(function() {
+	$('#example').DataTable( {
+		ajax:           "../data/2500.txt",
+		deferRender:    true,
+		scrollY:        200,
+		scrollCollapse: true,
+		scroller:       true
+	} );
+} );
+]]>
+</js>
+
+<title lib="Scroller">Bootstrap 4</title>
+
+<info><![CDATA[
+
+This example shows DataTables and the Scroller extension being used with [Bootstrap 4](http://getbootstrap.com) providing the styling. The DataTables / Bootstrap integration provides seamless integration for DataTables to be used in a Bootstrap 4 page.
+
+]]></info>
+
+</dt-example>
diff --git a/examples/styling/foundation.xml b/examples/styling/foundation.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" ?>
-<dt-example table-type="scroller" table-class="display nowrap" order="1" framework="foundation">
+<dt-example table-type="scroller" table-class="display nowrap" order="3" framework="foundation">
 
 <css lib="datatables scroller" />
 <js lib="jquery datatables scroller">

diff --git a/examples/styling/jqueryui.xml b/examples/styling/jqueryui.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" ?>
-<dt-example table-type="scroller" table-class="display nowrap" order="1" framework="jqueryui">
+<dt-example table-type="scroller" table-class="display nowrap" order="5" framework="jqueryui">
 
 <css lib="datatables scroller" />
 <js lib="jquery datatables scroller">

diff --git a/examples/styling/semanticui.xml b/examples/styling/semanticui.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-example table-type="scroller" table-class="display nowrap" order="4" framework="semanticui">
+
+<css lib="datatables scroller" />
+<js lib="jquery datatables scroller">
+<![CDATA[
+$(document).ready(function() {
+	$('#example').DataTable( {
+		ajax:           "../data/2500.txt",
+		deferRender:    true,
+		scrollY:        200,
+		scrollCollapse: true,
+		scroller:       true
+	} );
+} );
+]]>
+</js>
+
+<title lib="Scroller">Semantic UI</title>
+
+<info><![CDATA[
+
+This example shows DataTables and the Scroller extension being used with [Semantic UI](http://semantic-ui.com/) providing the styling. The DataTables / Semantic UI integration provides seamless integration for DataTables to be used in a Semantic UI page.
+
+]]></info>
+
+</dt-example>