From 60745afb145290b9537a9eeb8690636d3307f719 Mon Sep 17 00:00:00 2001 From: Allan Jardine Date: Wed, 3 Feb 2016 11:40:26 +0000 Subject: [PATCH] New: Bootstrap 4 integration with DataTables - Bootstrap 4 is currently in beta so things can, and probably will still change. Bootstrap 4 packages for DataTables won't be made available until at least a beta release of Bootstrap 4. - A few things have changed in Bootstrap 4 and rather than trying to make the exisiting Bootstrap files work for both BS3 and BS4 it makes sense to offer both. We'd need to detect which version of BS is loaded and that can be quite unreliable (and delayed since the body would need to be available). - Pagingation requires a couple of classes, but no change in structure - BS4 don't include icons any more, so need to use UTF8 arrows to show sorting (don't particularly want other dependencies, although it is easy to add with CSS if you want more icon control) - Outstanding issue: The select element for paging control is not of a consistent height with the search input. This appears to be a Bootstrap issue: https://github.com/twbs/bootstrap/issues/17194 --- .datatables-commit-sync | 2 +- examples/advanced_init/column_render.html | 5 ++++- examples/advanced_init/complex_header.html | 5 ++++- examples/advanced_init/defaults.html | 5 ++++- examples/advanced_init/dom_multiple_elements.html | 5 ++++- examples/advanced_init/dom_toolbar.html | 5 ++++- examples/advanced_init/dt_events.html | 5 ++++- examples/advanced_init/events_live.html | 5 ++++- examples/advanced_init/footer_callback.html | 5 ++++- examples/advanced_init/html5-data-attributes.html | 5 ++++- examples/advanced_init/html5-data-options.html | 5 ++++- examples/advanced_init/language_file.html | 5 ++++- examples/advanced_init/length_menu.html | 5 ++++- examples/advanced_init/object_dom_read.html | 5 ++++- examples/advanced_init/row_callback.html | 5 ++++- examples/advanced_init/row_grouping.html | 5 ++++- examples/advanced_init/sort_direction_control.html | 5 ++++- examples/ajax/custom_data_flat.html | 5 ++++- examples/ajax/custom_data_property.html | 5 ++++- examples/ajax/deep.html | 5 ++++- examples/ajax/defer_render.html | 5 ++++- examples/ajax/null_data_source.html | 5 ++++- examples/ajax/objects.html | 5 ++++- examples/ajax/objects_subarrays.html | 5 ++++- examples/ajax/orthogonal-data.html | 5 ++++- examples/ajax/simple.html | 5 ++++- examples/api/add_row.html | 5 ++++- examples/api/api_in_init.html | 5 ++++- examples/api/counter_columns.html | 5 ++++- examples/api/form.html | 5 ++++- examples/api/highlight.html | 5 ++++- examples/api/multi_filter.html | 5 ++++- examples/api/multi_filter_select.html | 5 ++++- examples/api/regex.html | 5 ++++- examples/api/row_details.html | 5 ++++- examples/api/select_row.html | 5 ++++- examples/api/select_single_row.html | 5 ++++- examples/api/show_hide.html | 5 ++++- examples/api/tabs_and_scrolling.html | 5 ++++- examples/basic_init/alt_pagination.html | 5 ++++- examples/basic_init/comma-decimal.html | 5 ++++- examples/basic_init/complex_header.html | 5 ++++- examples/basic_init/dom.html | 5 ++++- examples/basic_init/filter_only.html | 5 ++++- examples/basic_init/flexible_width.html | 5 ++++- examples/basic_init/hidden_columns.html | 5 ++++- examples/basic_init/language.html | 5 ++++- examples/basic_init/multi_col_sort.html | 5 ++++- examples/basic_init/multiple_tables.html | 5 ++++- examples/basic_init/scroll_x.html | 5 ++++- examples/basic_init/scroll_xy.html | 5 ++++- examples/basic_init/scroll_y.html | 5 ++++- examples/basic_init/scroll_y_dynamic.html | 5 ++++- examples/basic_init/state_save.html | 5 ++++- examples/basic_init/table_sorting.html | 5 ++++- examples/basic_init/zero_configuration.html | 5 ++++- examples/data_sources/ajax.html | 5 ++++- examples/data_sources/dom.html | 5 ++++- examples/data_sources/js_array.html | 5 ++++- examples/data_sources/server_side.html | 5 ++++- examples/index.html | 5 ++++- examples/plug-ins/api.html | 5 ++++- examples/plug-ins/dom_sort.html | 5 ++++- examples/plug-ins/range_filtering.html | 5 ++++- examples/plug-ins/sorting_auto.html | 5 ++++- examples/plug-ins/sorting_manual.html | 5 ++++- examples/server_side/custom_vars.html | 5 ++++- examples/server_side/defer_loading.html | 5 ++++- examples/server_side/ids.html | 5 ++++- examples/server_side/jsonp.html | 5 ++++- examples/server_side/object_data.html | 5 ++++- examples/server_side/pipeline.html | 5 ++++- examples/server_side/post.html | 5 ++++- examples/server_side/row_details.html | 5 ++++- examples/server_side/select_rows.html | 5 ++++- examples/server_side/simple.html | 5 ++++- examples/styling/bootstrap.html | 13 ++++++++----- examples/styling/cell-border.html | 5 ++++- examples/styling/compact.html | 5 ++++- examples/styling/display.html | 5 ++++- examples/styling/foundation.html | 5 ++++- examples/styling/hover.html | 5 ++++- examples/styling/index.html | 5 ++++- examples/styling/jqueryUI.html | 5 ++++- examples/styling/no-classes.html | 5 ++++- examples/styling/order-column.html | 5 ++++- examples/styling/row-border.html | 5 ++++- examples/styling/stripe.html | 5 ++++- 88 files changed, 353 insertions(+), 92 deletions(-) diff --git a/.datatables-commit-sync b/.datatables-commit-sync index 015a77fd..d7ca296e 100644 --- a/.datatables-commit-sync +++ b/.datatables-commit-sync @@ -1 +1 @@ -f8c7bb55b5307de0185254367d69db00581574bd +105ba6c24a7959ca63d1c9ccfbb32010babf52d8 diff --git a/examples/advanced_init/column_render.html b/examples/advanced_init/column_render.html index a687fcad..66effd61 100644 --- a/examples/advanced_init/column_render.html +++ b/examples/advanced_init/column_render.html @@ -740,7 +740,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/complex_header.html b/examples/advanced_init/complex_header.html index 52cb3d0e..99ffd3c9 100644 --- a/examples/advanced_init/complex_header.html +++ b/examples/advanced_init/complex_header.html @@ -731,7 +731,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/defaults.html b/examples/advanced_init/defaults.html index 56090859..14a3afb3 100644 --- a/examples/advanced_init/defaults.html +++ b/examples/advanced_init/defaults.html @@ -724,7 +724,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/dom_multiple_elements.html b/examples/advanced_init/dom_multiple_elements.html index d8283ee8..5323af34 100644 --- a/examples/advanced_init/dom_multiple_elements.html +++ b/examples/advanced_init/dom_multiple_elements.html @@ -732,7 +732,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/dom_toolbar.html b/examples/advanced_init/dom_toolbar.html index a33198df..276e43fd 100644 --- a/examples/advanced_init/dom_toolbar.html +++ b/examples/advanced_init/dom_toolbar.html @@ -733,7 +733,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/dt_events.html b/examples/advanced_init/dt_events.html index f0222bb0..c610697c 100644 --- a/examples/advanced_init/dt_events.html +++ b/examples/advanced_init/dt_events.html @@ -737,7 +737,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/events_live.html b/examples/advanced_init/events_live.html index bc5ce19b..dec8c708 100644 --- a/examples/advanced_init/events_live.html +++ b/examples/advanced_init/events_live.html @@ -723,7 +723,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/footer_callback.html b/examples/advanced_init/footer_callback.html index 708da52f..48dfdef7 100644 --- a/examples/advanced_init/footer_callback.html +++ b/examples/advanced_init/footer_callback.html @@ -721,7 +721,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/html5-data-attributes.html b/examples/advanced_init/html5-data-attributes.html index 666cd05e..1875d13c 100644 --- a/examples/advanced_init/html5-data-attributes.html +++ b/examples/advanced_init/html5-data-attributes.html @@ -721,7 +721,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/html5-data-options.html b/examples/advanced_init/html5-data-options.html index a6d1f551..5ffaf450 100644 --- a/examples/advanced_init/html5-data-options.html +++ b/examples/advanced_init/html5-data-options.html @@ -720,7 +720,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/language_file.html b/examples/advanced_init/language_file.html index f0d9f44f..d03b9cc3 100644 --- a/examples/advanced_init/language_file.html +++ b/examples/advanced_init/language_file.html @@ -720,7 +720,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/length_menu.html b/examples/advanced_init/length_menu.html index 4ba6e9e7..5bda1fdd 100644 --- a/examples/advanced_init/length_menu.html +++ b/examples/advanced_init/length_menu.html @@ -720,7 +720,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/object_dom_read.html b/examples/advanced_init/object_dom_read.html index 96f4683c..b616c2d7 100644 --- a/examples/advanced_init/object_dom_read.html +++ b/examples/advanced_init/object_dom_read.html @@ -746,7 +746,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/row_callback.html b/examples/advanced_init/row_callback.html index 1376dca5..f0c1a91e 100644 --- a/examples/advanced_init/row_callback.html +++ b/examples/advanced_init/row_callback.html @@ -733,7 +733,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/row_grouping.html b/examples/advanced_init/row_grouping.html index 2eeb3f56..fd39367d 100644 --- a/examples/advanced_init/row_grouping.html +++ b/examples/advanced_init/row_grouping.html @@ -785,7 +785,10 @@ tr.group:hover { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/advanced_init/sort_direction_control.html b/examples/advanced_init/sort_direction_control.html index d0d2b67b..af2bd521 100644 --- a/examples/advanced_init/sort_direction_control.html +++ b/examples/advanced_init/sort_direction_control.html @@ -740,7 +740,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/ajax/custom_data_flat.html b/examples/ajax/custom_data_flat.html index 7f37dc44..10b6ca26 100644 --- a/examples/ajax/custom_data_flat.html +++ b/examples/ajax/custom_data_flat.html @@ -287,7 +287,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/ajax/custom_data_property.html b/examples/ajax/custom_data_property.html index 73c87628..5504dde5 100644 --- a/examples/ajax/custom_data_property.html +++ b/examples/ajax/custom_data_property.html @@ -272,7 +272,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/ajax/deep.html b/examples/ajax/deep.html index 2647b832..68f9db89 100644 --- a/examples/ajax/deep.html +++ b/examples/ajax/deep.html @@ -293,7 +293,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/ajax/defer_render.html b/examples/ajax/defer_render.html index e8856649..2108ffba 100644 --- a/examples/ajax/defer_render.html +++ b/examples/ajax/defer_render.html @@ -262,7 +262,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/ajax/null_data_source.html b/examples/ajax/null_data_source.html index 5fd81505..c46919a9 100644 --- a/examples/ajax/null_data_source.html +++ b/examples/ajax/null_data_source.html @@ -290,7 +290,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/ajax/objects.html b/examples/ajax/objects.html index dc32316c..7da761b2 100644 --- a/examples/ajax/objects.html +++ b/examples/ajax/objects.html @@ -287,7 +287,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/ajax/objects_subarrays.html b/examples/ajax/objects_subarrays.html index a5b3b110..ec0ff2b1 100644 --- a/examples/ajax/objects_subarrays.html +++ b/examples/ajax/objects_subarrays.html @@ -301,7 +301,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/ajax/orthogonal-data.html b/examples/ajax/orthogonal-data.html index 303cba5b..89cc41a6 100644 --- a/examples/ajax/orthogonal-data.html +++ b/examples/ajax/orthogonal-data.html @@ -295,7 +295,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/ajax/simple.html b/examples/ajax/simple.html index b859ec09..8271941f 100644 --- a/examples/ajax/simple.html +++ b/examples/ajax/simple.html @@ -274,7 +274,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/add_row.html b/examples/api/add_row.html index 9f5e512d..746f25a9 100644 --- a/examples/api/add_row.html +++ b/examples/api/add_row.html @@ -290,7 +290,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/api_in_init.html b/examples/api/api_in_init.html index b2bacfb9..ddd928e2 100644 --- a/examples/api/api_in_init.html +++ b/examples/api/api_in_init.html @@ -732,7 +732,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/counter_columns.html b/examples/api/counter_columns.html index 3fcbf3fd..53c7a007 100644 --- a/examples/api/counter_columns.html +++ b/examples/api/counter_columns.html @@ -742,7 +742,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/form.html b/examples/api/form.html index d24593f8..b863f0ca 100644 --- a/examples/api/form.html +++ b/examples/api/form.html @@ -1527,7 +1527,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/highlight.html b/examples/api/highlight.html index 256fd31f..c3e01c50 100644 --- a/examples/api/highlight.html +++ b/examples/api/highlight.html @@ -738,7 +738,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/multi_filter.html b/examples/api/multi_filter.html index c9f8a1d0..12cdf100 100644 --- a/examples/api/multi_filter.html +++ b/examples/api/multi_filter.html @@ -768,7 +768,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/multi_filter_select.html b/examples/api/multi_filter_select.html index 5f86052c..4b089234 100644 --- a/examples/api/multi_filter_select.html +++ b/examples/api/multi_filter_select.html @@ -769,7 +769,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/regex.html b/examples/api/regex.html index ab7b441b..414d9c99 100644 --- a/examples/api/regex.html +++ b/examples/api/regex.html @@ -819,7 +819,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/row_details.html b/examples/api/row_details.html index f6e6ad0f..a65a88a1 100644 --- a/examples/api/row_details.html +++ b/examples/api/row_details.html @@ -371,7 +371,10 @@ tr.shown td.details-control { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/select_row.html b/examples/api/select_row.html index ab04e63e..fb88ed55 100644 --- a/examples/api/select_row.html +++ b/examples/api/select_row.html @@ -729,7 +729,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/select_single_row.html b/examples/api/select_single_row.html index 25f08b0e..537d7511 100644 --- a/examples/api/select_single_row.html +++ b/examples/api/select_single_row.html @@ -744,7 +744,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/show_hide.html b/examples/api/show_hide.html index caff6d4f..f89532bb 100644 --- a/examples/api/show_hide.html +++ b/examples/api/show_hide.html @@ -746,7 +746,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/api/tabs_and_scrolling.html b/examples/api/tabs_and_scrolling.html index 9232177b..0c81ea7d 100644 --- a/examples/api/tabs_and_scrolling.html +++ b/examples/api/tabs_and_scrolling.html @@ -315,7 +315,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/alt_pagination.html b/examples/basic_init/alt_pagination.html index 0acef40b..196b6418 100644 --- a/examples/basic_init/alt_pagination.html +++ b/examples/basic_init/alt_pagination.html @@ -727,7 +727,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/comma-decimal.html b/examples/basic_init/comma-decimal.html index 484c7b7d..19a98bc5 100644 --- a/examples/basic_init/comma-decimal.html +++ b/examples/basic_init/comma-decimal.html @@ -727,7 +727,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/complex_header.html b/examples/basic_init/complex_header.html index bd375b44..8ae5f282 100644 --- a/examples/basic_init/complex_header.html +++ b/examples/basic_init/complex_header.html @@ -715,7 +715,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/dom.html b/examples/basic_init/dom.html index 59100060..11d36643 100644 --- a/examples/basic_init/dom.html +++ b/examples/basic_init/dom.html @@ -770,7 +770,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/filter_only.html b/examples/basic_init/filter_only.html index 7fa2f78d..68bfa1ad 100644 --- a/examples/basic_init/filter_only.html +++ b/examples/basic_init/filter_only.html @@ -716,7 +716,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/flexible_width.html b/examples/basic_init/flexible_width.html index 47e3115b..4c5a4629 100644 --- a/examples/basic_init/flexible_width.html +++ b/examples/basic_init/flexible_width.html @@ -717,7 +717,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/hidden_columns.html b/examples/basic_init/hidden_columns.html index 197dfd85..88768a58 100644 --- a/examples/basic_init/hidden_columns.html +++ b/examples/basic_init/hidden_columns.html @@ -738,7 +738,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/language.html b/examples/basic_init/language.html index 035c97e3..4c00c4f2 100644 --- a/examples/basic_init/language.html +++ b/examples/basic_init/language.html @@ -724,7 +724,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/multi_col_sort.html b/examples/basic_init/multi_col_sort.html index 2266c0a9..ff39e7c6 100644 --- a/examples/basic_init/multi_col_sort.html +++ b/examples/basic_init/multi_col_sort.html @@ -676,7 +676,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/multiple_tables.html b/examples/basic_init/multiple_tables.html index 0da20838..15665542 100644 --- a/examples/basic_init/multiple_tables.html +++ b/examples/basic_init/multiple_tables.html @@ -429,7 +429,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/scroll_x.html b/examples/basic_init/scroll_x.html index dc9bd676..271a8905 100644 --- a/examples/basic_init/scroll_x.html +++ b/examples/basic_init/scroll_x.html @@ -887,7 +887,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/scroll_xy.html b/examples/basic_init/scroll_xy.html index e4288362..60a2c4c5 100644 --- a/examples/basic_init/scroll_xy.html +++ b/examples/basic_init/scroll_xy.html @@ -885,7 +885,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/scroll_y.html b/examples/basic_init/scroll_y.html index 68dad372..7a89b533 100644 --- a/examples/basic_init/scroll_y.html +++ b/examples/basic_init/scroll_y.html @@ -723,7 +723,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/scroll_y_dynamic.html b/examples/basic_init/scroll_y_dynamic.html index 917e39d7..938dc220 100644 --- a/examples/basic_init/scroll_y_dynamic.html +++ b/examples/basic_init/scroll_y_dynamic.html @@ -719,7 +719,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/state_save.html b/examples/basic_init/state_save.html index af43bc92..47588b70 100644 --- a/examples/basic_init/state_save.html +++ b/examples/basic_init/state_save.html @@ -722,7 +722,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/table_sorting.html b/examples/basic_init/table_sorting.html index e271816b..50c7ffe8 100644 --- a/examples/basic_init/table_sorting.html +++ b/examples/basic_init/table_sorting.html @@ -717,7 +717,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/basic_init/zero_configuration.html b/examples/basic_init/zero_configuration.html index 87b254cc..20453765 100644 --- a/examples/basic_init/zero_configuration.html +++ b/examples/basic_init/zero_configuration.html @@ -710,7 +710,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/data_sources/ajax.html b/examples/data_sources/ajax.html index f11d6834..961ce4c5 100644 --- a/examples/data_sources/ajax.html +++ b/examples/data_sources/ajax.html @@ -261,7 +261,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/data_sources/dom.html b/examples/data_sources/dom.html index cf3dc47b..d2e21565 100644 --- a/examples/data_sources/dom.html +++ b/examples/data_sources/dom.html @@ -711,7 +711,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/data_sources/js_array.html b/examples/data_sources/js_array.html index 4d70eeb3..d525efbf 100644 --- a/examples/data_sources/js_array.html +++ b/examples/data_sources/js_array.html @@ -334,7 +334,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/data_sources/server_side.html b/examples/data_sources/server_side.html index a6fbd3b1..21c3d8d3 100644 --- a/examples/data_sources/server_side.html +++ b/examples/data_sources/server_side.html @@ -264,7 +264,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/index.html b/examples/index.html index f4addc3d..7e8d8ea2 100644 --- a/examples/index.html +++ b/examples/index.html @@ -167,7 +167,10 @@ Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/plug-ins/api.html b/examples/plug-ins/api.html index ea85dae6..f02169fb 100644 --- a/examples/plug-ins/api.html +++ b/examples/plug-ins/api.html @@ -757,7 +757,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/plug-ins/dom_sort.html b/examples/plug-ins/dom_sort.html index fa00c158..6653568b 100644 --- a/examples/plug-ins/dom_sort.html +++ b/examples/plug-ins/dom_sort.html @@ -1591,7 +1591,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/plug-ins/range_filtering.html b/examples/plug-ins/range_filtering.html index dc1abfb1..3ee3e13c 100644 --- a/examples/plug-ins/range_filtering.html +++ b/examples/plug-ins/range_filtering.html @@ -767,7 +767,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/plug-ins/sorting_auto.html b/examples/plug-ins/sorting_auto.html index b9f1406d..e26611e3 100644 --- a/examples/plug-ins/sorting_auto.html +++ b/examples/plug-ins/sorting_auto.html @@ -750,7 +750,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/plug-ins/sorting_manual.html b/examples/plug-ins/sorting_manual.html index 47317b2c..161da4d3 100644 --- a/examples/plug-ins/sorting_manual.html +++ b/examples/plug-ins/sorting_manual.html @@ -744,7 +744,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/server_side/custom_vars.html b/examples/server_side/custom_vars.html index af50683e..51003855 100644 --- a/examples/server_side/custom_vars.html +++ b/examples/server_side/custom_vars.html @@ -279,7 +279,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/server_side/defer_loading.html b/examples/server_side/defer_loading.html index 72e1347d..24df3fa8 100644 --- a/examples/server_side/defer_loading.html +++ b/examples/server_side/defer_loading.html @@ -347,7 +347,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/server_side/ids.html b/examples/server_side/ids.html index db379948..5ec54348 100644 --- a/examples/server_side/ids.html +++ b/examples/server_side/ids.html @@ -278,7 +278,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/server_side/jsonp.html b/examples/server_side/jsonp.html index 59e72ad6..aa490efd 100644 --- a/examples/server_side/jsonp.html +++ b/examples/server_side/jsonp.html @@ -271,7 +271,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/server_side/object_data.html b/examples/server_side/object_data.html index a6825446..6c9ac26e 100644 --- a/examples/server_side/object_data.html +++ b/examples/server_side/object_data.html @@ -277,7 +277,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/server_side/pipeline.html b/examples/server_side/pipeline.html index 24848ce0..80849e19 100644 --- a/examples/server_side/pipeline.html +++ b/examples/server_side/pipeline.html @@ -508,7 +508,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/server_side/post.html b/examples/server_side/post.html index ba72c81a..1b663494 100644 --- a/examples/server_side/post.html +++ b/examples/server_side/post.html @@ -287,7 +287,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/server_side/row_details.html b/examples/server_side/row_details.html index 5069c657..7a7bc638 100644 --- a/examples/server_side/row_details.html +++ b/examples/server_side/row_details.html @@ -387,7 +387,10 @@ tr.details td.details-control { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/server_side/select_rows.html b/examples/server_side/select_rows.html index 4eb42c08..0f4243ad 100644 --- a/examples/server_side/select_rows.html +++ b/examples/server_side/select_rows.html @@ -304,7 +304,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/server_side/simple.html b/examples/server_side/simple.html index 00d0e2b5..574c15c7 100644 --- a/examples/server_side/simple.html +++ b/examples/server_side/simple.html @@ -263,7 +263,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/styling/bootstrap.html b/examples/styling/bootstrap.html index acac0815..2653fc57 100644 --- a/examples/styling/bootstrap.html +++ b/examples/styling/bootstrap.html @@ -4,7 +4,7 @@ - DataTables example - Bootstrap + DataTables example - Bootstrap 3 @@ -33,10 +33,10 @@ $(document).ready(function() {
    -

    DataTables example Bootstrap

    +

    DataTables example Bootstrap 3

    -

    DataTables can integrate seamlessly with Bootstrap using Bootstrap's table - styling options to present an interface with a uniform design, based on Bootstrap, for your site / app.

    +

    DataTables can integrate seamlessly with Bootstrap 3 using Bootstrap's table styling options to present an interface with a uniform design, based on Bootstrap, for your site / app.

    DataTables' Bootstrap integration also provides a renderer for the pagination control in DataTables to ensure that the pagination of the table is also styled consistently by Bootstrap.

    This integration is done simply by including the DataTables Bootstrap files (CSS and JS) which will set the defaults needed for DataTables to be initialised as @@ -720,7 +720,10 @@ $(document).ready(function() { Base style - stripe

  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/styling/cell-border.html b/examples/styling/cell-border.html index a98c3e77..b048fe6b 100644 --- a/examples/styling/cell-border.html +++ b/examples/styling/cell-border.html @@ -706,7 +706,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/styling/compact.html b/examples/styling/compact.html index 8f606006..abb0aa6e 100644 --- a/examples/styling/compact.html +++ b/examples/styling/compact.html @@ -707,7 +707,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/styling/display.html b/examples/styling/display.html index c7762405..8ca7d19d 100644 --- a/examples/styling/display.html +++ b/examples/styling/display.html @@ -718,7 +718,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/styling/foundation.html b/examples/styling/foundation.html index 0725a4bc..3204b612 100644 --- a/examples/styling/foundation.html +++ b/examples/styling/foundation.html @@ -721,7 +721,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/styling/hover.html b/examples/styling/hover.html index 48d91979..e8d7bcd5 100644 --- a/examples/styling/hover.html +++ b/examples/styling/hover.html @@ -707,7 +707,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/styling/index.html b/examples/styling/index.html index f54c45e5..4f612c6e 100644 --- a/examples/styling/index.html +++ b/examples/styling/index.html @@ -60,7 +60,10 @@ Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/styling/jqueryUI.html b/examples/styling/jqueryUI.html index 4ab2abe6..b3c566ee 100644 --- a/examples/styling/jqueryUI.html +++ b/examples/styling/jqueryUI.html @@ -723,7 +723,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/styling/no-classes.html b/examples/styling/no-classes.html index 2c441749..5bb86c6d 100644 --- a/examples/styling/no-classes.html +++ b/examples/styling/no-classes.html @@ -706,7 +706,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/styling/order-column.html b/examples/styling/order-column.html index ffe74872..d77af671 100644 --- a/examples/styling/order-column.html +++ b/examples/styling/order-column.html @@ -707,7 +707,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/styling/row-border.html b/examples/styling/row-border.html index 3ef3001e..c41dd555 100644 --- a/examples/styling/row-border.html +++ b/examples/styling/row-border.html @@ -706,7 +706,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation diff --git a/examples/styling/stripe.html b/examples/styling/stripe.html index 4370e230..34171e09 100644 --- a/examples/styling/stripe.html +++ b/examples/styling/stripe.html @@ -706,7 +706,10 @@ $(document).ready(function() { Base style - stripe
  • - Bootstrap + Bootstrap 3 +
    • +
  • + Bootstrap 4
  • Foundation