rooty/DataTables
1
0
Fork 0
mirror of https://github.com/DataTables/DataTables.git synced 2025-02-19 17:54:14 +01:00
Code Issues Releases Activity

New: Bootstrap 4 integration with DataTables

Browse Source 
- 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
This commit is contained in:
Allan Jardine 2016-02-03 11:40:26 +00:00
parent f8e2c9928d
commit 60745afb14
88 changed files with 353 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.datatables-commit-sync
View File

@ -1 +1 @@
f8c7bb55b5307de0185254367d69db00581574bd
105ba6c24a7959ca63d1c9ccfbb32010babf52d8

5
examples/advanced_init/column_render.html
View File

@ -740,7 +740,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/complex_header.html
View File

@ -731,7 +731,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/defaults.html
View File

@ -724,7 +724,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/dom_multiple_elements.html
View File

@ -732,7 +732,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/dom_toolbar.html
View File

@ -733,7 +733,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/dt_events.html
View File

@ -737,7 +737,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/events_live.html
View File

@ -723,7 +723,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/footer_callback.html
View File

@ -721,7 +721,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/html5-data-attributes.html
View File

@ -721,7 +721,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/html5-data-options.html
View File

@ -720,7 +720,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/language_file.html
View File

@ -720,7 +720,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/length_menu.html
View File

@ -720,7 +720,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/object_dom_read.html
View File

@ -746,7 +746,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/row_callback.html
View File

@ -733,7 +733,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/row_grouping.html
View File

@ -785,7 +785,10 @@ tr.group:hover {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/advanced_init/sort_direction_control.html
View File

@ -740,7 +740,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/ajax/custom_data_flat.html
View File

@ -287,7 +287,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/ajax/custom_data_property.html
View File

@ -272,7 +272,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/ajax/deep.html
View File

@ -293,7 +293,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/ajax/defer_render.html
View File

@ -262,7 +262,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/ajax/null_data_source.html
View File

@ -290,7 +290,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/ajax/objects.html
View File

@ -287,7 +287,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/ajax/objects_subarrays.html
View File

@ -301,7 +301,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/ajax/orthogonal-data.html
View File

@ -295,7 +295,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/ajax/simple.html
View File

@ -274,7 +274,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/add_row.html
View File

@ -290,7 +290,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/api_in_init.html
View File

@ -732,7 +732,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/counter_columns.html
View File

@ -742,7 +742,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/form.html
View File

@ -1527,7 +1527,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/highlight.html
View File

@ -738,7 +738,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/multi_filter.html
View File

@ -768,7 +768,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/multi_filter_select.html
View File

@ -769,7 +769,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/regex.html
View File

@ -819,7 +819,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/row_details.html
View File

@ -371,7 +371,10 @@ tr.shown td.details-control {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/select_row.html
View File

@ -729,7 +729,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/select_single_row.html
View File

@ -744,7 +744,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/show_hide.html
View File

@ -746,7 +746,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/api/tabs_and_scrolling.html
View File

@ -315,7 +315,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/alt_pagination.html
View File

@ -727,7 +727,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/comma-decimal.html
View File

@ -727,7 +727,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/complex_header.html
View File

@ -715,7 +715,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/dom.html
View File

@ -770,7 +770,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/filter_only.html
View File

@ -716,7 +716,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/flexible_width.html
View File

@ -717,7 +717,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/hidden_columns.html
View File

@ -738,7 +738,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/language.html
View File

@ -724,7 +724,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/multi_col_sort.html
View File

@ -676,7 +676,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/multiple_tables.html
View File

@ -429,7 +429,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/scroll_x.html
View File

@ -887,7 +887,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/scroll_xy.html
View File

@ -885,7 +885,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/scroll_y.html
View File

@ -723,7 +723,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/scroll_y_dynamic.html
View File

@ -719,7 +719,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/state_save.html
View File

@ -722,7 +722,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/table_sorting.html
View File

@ -717,7 +717,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/basic_init/zero_configuration.html
View File

@ -710,7 +710,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/data_sources/ajax.html
View File

@ -261,7 +261,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/data_sources/dom.html
View File

@ -711,7 +711,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/data_sources/js_array.html
View File

@ -334,7 +334,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/data_sources/server_side.html
View File

@ -264,7 +264,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/index.html
View File

@ -167,7 +167,10 @@
<a href="./styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="./styling/bootstrap.html">Bootstrap</a>
<a href="./styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="./styling/foundation.html">Foundation</a>

5
examples/plug-ins/api.html
View File

@ -757,7 +757,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/plug-ins/dom_sort.html
View File

@ -1591,7 +1591,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/plug-ins/range_filtering.html
View File

@ -767,7 +767,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/plug-ins/sorting_auto.html
View File

@ -750,7 +750,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/plug-ins/sorting_manual.html
View File

@ -744,7 +744,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/server_side/custom_vars.html
View File

@ -279,7 +279,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/server_side/defer_loading.html
View File

@ -347,7 +347,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/server_side/ids.html
View File

@ -278,7 +278,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/server_side/jsonp.html
View File

@ -271,7 +271,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/server_side/object_data.html
View File

@ -277,7 +277,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/server_side/pipeline.html
View File

@ -508,7 +508,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/server_side/post.html
View File

@ -287,7 +287,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/server_side/row_details.html
View File

@ -387,7 +387,10 @@ tr.details td.details-control {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/server_side/select_rows.html
View File

@ -304,7 +304,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

5
examples/server_side/simple.html
View File

@ -263,7 +263,10 @@ $(document).ready(function() {
<a href="../styling/stripe.html">Base style - stripe</a>
</li>
<li>
<a href="../styling/bootstrap.html">Bootstrap</a>
<a href="../styling/bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="../styling/bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="../styling/foundation.html">Foundation</a>

13
examples/styling/bootstrap.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8">
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
<title>DataTables example - Bootstrap</title>
<title>DataTables example - Bootstrap 3</title>
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../../media/css/dataTables.bootstrap.css">
<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@ -33,10 +33,10 @@ $(document).ready(function() {
<body class="dt-example dt-example-bootstrap">
<div class="container">
<section>
<h1>DataTables example <span>Bootstrap</span></h1>
<h1>DataTables example <span>Bootstrap 3</span></h1>
<div class="info">
<p>DataTables can integrate seamlessly with <a href="http://getbootstrap.com/">Bootstrap</a> using Bootstrap's <a href="http://getbootstrap.com/css/#tables">table
styling options</a> to present an interface with a uniform design, based on Bootstrap, for your site / app.</p>
<p>DataTables can integrate seamlessly with <a href="http://getbootstrap.com/">Bootstrap 3</a> using Bootstrap's <a href=
"http://getbootstrap.com/css/#tables">table styling options</a> to present an interface with a uniform design, based on Bootstrap, for your site / app.</p>
<p>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.</p>
<p>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() {
<a href="./stripe.html">Base style - stripe</a>
</li>
<li class="active">
<a href="./bootstrap.html">Bootstrap</a>
<a href="./bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="./foundation.html">Foundation</a>

5
examples/styling/cell-border.html
View File

@ -706,7 +706,10 @@ $(document).ready(function() {
<a href="./stripe.html">Base style - stripe</a>
</li>
<li>
<a href="./bootstrap.html">Bootstrap</a>
<a href="./bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="./foundation.html">Foundation</a>

5
examples/styling/compact.html
View File

@ -707,7 +707,10 @@ $(document).ready(function() {
<a href="./stripe.html">Base style - stripe</a>
</li>
<li>
<a href="./bootstrap.html">Bootstrap</a>
<a href="./bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="./foundation.html">Foundation</a>

5
examples/styling/display.html
View File

@ -718,7 +718,10 @@ $(document).ready(function() {
<a href="./stripe.html">Base style - stripe</a>
</li>
<li>
<a href="./bootstrap.html">Bootstrap</a>
<a href="./bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="./foundation.html">Foundation</a>

5
examples/styling/foundation.html
View File

@ -721,7 +721,10 @@ $(document).ready(function() {
<a href="./stripe.html">Base style - stripe</a>
</li>
<li>
<a href="./bootstrap.html">Bootstrap</a>
<a href="./bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./bootstrap4.html">Bootstrap 4</a>
</li>
<li class="active">
<a href="./foundation.html">Foundation</a>

5
examples/styling/hover.html
View File

@ -707,7 +707,10 @@ $(document).ready(function() {
<a href="./stripe.html">Base style - stripe</a>
</li>
<li>
<a href="./bootstrap.html">Bootstrap</a>
<a href="./bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="./foundation.html">Foundation</a>

5
examples/styling/index.html
View File

@ -60,7 +60,10 @@
<a href="./stripe.html">Base style - stripe</a>
</li>
<li>
<a href="./bootstrap.html">Bootstrap</a>
<a href="./bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="./foundation.html">Foundation</a>

5
examples/styling/jqueryUI.html
View File

@ -723,7 +723,10 @@ $(document).ready(function() {
<a href="./stripe.html">Base style - stripe</a>
</li>
<li>
<a href="./bootstrap.html">Bootstrap</a>
<a href="./bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="./foundation.html">Foundation</a>

5
examples/styling/no-classes.html
View File

@ -706,7 +706,10 @@ $(document).ready(function() {
<a href="./stripe.html">Base style - stripe</a>
</li>
<li>
<a href="./bootstrap.html">Bootstrap</a>
<a href="./bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="./foundation.html">Foundation</a>

5
examples/styling/order-column.html
View File

@ -707,7 +707,10 @@ $(document).ready(function() {
<a href="./stripe.html">Base style - stripe</a>
</li>
<li>
<a href="./bootstrap.html">Bootstrap</a>
<a href="./bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="./foundation.html">Foundation</a>

5
examples/styling/row-border.html
View File

@ -706,7 +706,10 @@ $(document).ready(function() {
<a href="./stripe.html">Base style - stripe</a>
</li>
<li>
<a href="./bootstrap.html">Bootstrap</a>
<a href="./bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="./foundation.html">Foundation</a>

5
examples/styling/stripe.html
View File

@ -706,7 +706,10 @@ $(document).ready(function() {
<a href="./stripe.html">Base style - stripe</a>
</li>
<li>
<a href="./bootstrap.html">Bootstrap</a>
<a href="./bootstrap.html">Bootstrap 3</a>
</li>
<li>
<a href="./bootstrap4.html">Bootstrap 4</a>
</li>
<li>
<a href="./foundation.html">Foundation</a>