New: Google Material Design implementation tech preview

- Trying to gauge the level of interest

.datatables-commit-sync

@@ -1 +1 @@
-6fe17f5956d8c318686798fbd797b2d092366005
+fe4097620a1d5c7d18fbfe36f0757688b29f1c66

examples/advanced_init/column_render.html

@@ -745,6 +745,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/complex_header.html

@@ -736,6 +736,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/defaults.html

@@ -729,6 +729,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/dom_multiple_elements.html

@@ -737,6 +737,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/dom_toolbar.html

@@ -738,6 +738,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/dt_events.html

@@ -742,6 +742,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/events_live.html

@@ -728,6 +728,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/footer_callback.html

@@ -726,6 +726,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/html5-data-attributes.html

@@ -726,6 +726,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/html5-data-options.html

@@ -725,6 +725,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/language_file.html

@@ -725,6 +725,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/length_menu.html

@@ -725,6 +725,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/object_dom_read.html

@@ -751,6 +751,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/row_callback.html

@@ -738,6 +738,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/row_grouping.html

@@ -790,6 +790,9 @@ tr.group:hover {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/advanced_init/sort_direction_control.html

@@ -745,6 +745,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/ajax/custom_data_flat.html

@@ -292,6 +292,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/ajax/custom_data_property.html

@@ -277,6 +277,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/ajax/deep.html

@@ -298,6 +298,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/ajax/defer_render.html

@@ -267,6 +267,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/ajax/null_data_source.html

@@ -295,6 +295,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/ajax/objects.html

@@ -292,6 +292,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/ajax/objects_subarrays.html

@@ -306,6 +306,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/ajax/orthogonal-data.html

@@ -300,6 +300,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/ajax/simple.html

@@ -279,6 +279,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/add_row.html

@@ -295,6 +295,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/api_in_init.html

@@ -737,6 +737,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/counter_columns.html

@@ -747,6 +747,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/form.html

@@ -1532,6 +1532,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/highlight.html

@@ -743,6 +743,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/multi_filter.html

@@ -773,6 +773,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/multi_filter_select.html

@@ -774,6 +774,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/regex.html

@@ -824,6 +824,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/row_details.html

@@ -376,6 +376,9 @@ tr.shown td.details-control {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/select_row.html

@@ -734,6 +734,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/select_single_row.html

@@ -749,6 +749,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/show_hide.html

@@ -751,6 +751,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/api/tabs_and_scrolling.html

@@ -320,6 +320,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/alt_pagination.html

@@ -732,6 +732,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/comma-decimal.html

@@ -732,6 +732,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/complex_header.html

@@ -720,6 +720,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/dom.html

@@ -775,6 +775,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/filter_only.html

@@ -721,6 +721,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/flexible_width.html

@@ -722,6 +722,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/hidden_columns.html

@@ -743,6 +743,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/language.html

@@ -729,6 +729,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/multi_col_sort.html

@@ -681,6 +681,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/multiple_tables.html

@@ -434,6 +434,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/scroll_x.html

@@ -892,6 +892,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/scroll_xy.html

@@ -890,6 +890,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/scroll_y.html

@@ -728,6 +728,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/scroll_y_dynamic.html

@@ -724,6 +724,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/state_save.html

@@ -727,6 +727,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/table_sorting.html

@@ -722,6 +722,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/basic_init/zero_configuration.html

@@ -715,6 +715,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/data_sources/ajax.html

@@ -266,6 +266,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/data_sources/dom.html

@@ -716,6 +716,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/data_sources/js_array.html

@@ -339,6 +339,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/data_sources/server_side.html

@@ -269,6 +269,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/index.html

@@ -172,6 +172,9 @@
 							<li>
 								<a href="./styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="./styling/foundation.html">Foundation</a>
 							</li>

examples/plug-ins/api.html

@@ -762,6 +762,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/plug-ins/dom_sort.html

@@ -1596,6 +1596,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/plug-ins/range_filtering.html

@@ -772,6 +772,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/plug-ins/sorting_auto.html

@@ -755,6 +755,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/plug-ins/sorting_manual.html

@@ -749,6 +749,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/server_side/custom_vars.html

@@ -284,6 +284,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/server_side/defer_loading.html

@@ -352,6 +352,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/server_side/ids.html

@@ -283,6 +283,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/server_side/jsonp.html

@@ -276,6 +276,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/server_side/object_data.html

@@ -282,6 +282,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/server_side/pipeline.html

@@ -513,6 +513,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/server_side/post.html

@@ -292,6 +292,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/server_side/row_details.html

@@ -392,6 +392,9 @@ tr.details td.details-control {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/server_side/select_rows.html

@@ -309,6 +309,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/server_side/simple.html

@@ -268,6 +268,9 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="../styling/material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="../styling/foundation.html">Foundation</a>
 							</li>

examples/styling/bootstrap.html

@@ -725,6 +725,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>

examples/styling/cell-border.html

@@ -711,6 +711,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>

examples/styling/compact.html

@@ -712,6 +712,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>

examples/styling/display.html

@@ -723,6 +723,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>

examples/styling/foundation.html

@@ -726,6 +726,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li class="active">
 								<a href="./foundation.html">Foundation</a>
 							</li>

examples/styling/hover.html

@@ -712,6 +712,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>

examples/styling/index.html

@@ -65,6 +65,9 @@
 							<li>
 								<a href="./bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>

examples/styling/jqueryUI.html

@@ -728,6 +728,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>

examples/styling/no-classes.html

@@ -711,6 +711,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>

examples/styling/order-column.html

@@ -712,6 +712,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>

examples/styling/row-border.html

@@ -711,6 +711,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>

examples/styling/stripe.html

@@ -711,6 +711,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap4.html">Bootstrap 4</a>
 							</li>
+							<li>
+								<a href="./material.html">Material Design (Tech. preview)</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>