Integration: Add notes that the Bootstrap, Foundation and jQuery UI

integrations have now been deprecated and replaced by software and
styling in the core libraries.

These files will remain here for the moment for anyone depending upon
them, but will be removed in v2.
pull/227/head
Allan Jardine 9 years ago
parent 0a26ea3e86
commit ae1d5043d2

@ -0,0 +1,6 @@
This styling integration has been deprecated and replaced.
The Bootstrap integration for DataTables has been moved into the core DataTables library and its accompanying extensions to improve the styling integration support and compatibility while making maintenance easier.
Please refer to the DataTables Bootstrap styling documentation for details on how to use the new styling integration:
https://datatables.net/manual/styling/bootstrap

@ -2,13 +2,13 @@
* ©2011-2014 SpryMedia Ltd - datatables.net/license
*/
/**
* DataTables integration for Bootstrap 3. This requires Bootstrap 3 and
* DataTables 1.10 or newer.
*
* This file sets the defaults and adds options to DataTables to style its
* controls using Bootstrap. See http://datatables.net/manual/styling/bootstrap
* for further information.
/*
* IMPORTANT
* This file has now been deprecated and replaced by support for the styling
* integration with Bootstrap in the DataTables core software and its
* accompanying extensions. Please refer to the styling documentation for
* details:
* https://datatables.net/manual/styling/
*/
(function(window, document, undefined){

@ -19,6 +19,7 @@
</head>
<body>
<div class="container">
<p>Please note that the integration files presented here have now been deprecated and is no longer maintained. The Bootstrap integration for DataTables has been moved into the core library to improve its support and compatibility while making maintenance easier. Please refer to the <a href="https://datatables.net/manual/styling/bootstrap">DataTables Bootstrap styling documentation</a> for details on how to use the new styling integration.</p>
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered table-condensed" id="example">
<thead>

@ -0,0 +1,6 @@
This styling integration has been deprecated and replaced.
The Foundation integration for DataTables has been moved into the core DataTables library and its accompanying extensions to improve the styling integration support and compatibility while making maintenance easier.
Please refer to the DataTables Foundation styling documentation for details on how to use the new styling integration:
https://datatables.net/manual/styling/foundation

@ -2,13 +2,13 @@
* ©2011-2014 SpryMedia Ltd - datatables.net/license
*/
/**
* DataTables integration for Foundation. This requires Foundation 5 and
* DataTables 1.10 or newer.
*
* This file sets the defaults and adds options to DataTables to style its
* controls using Foundation. See http://datatables.net/manual/styling/foundation
* for further information.
/*
* IMPORTANT
* This file has now been deprecated and replaced by support for the styling
* integration with Foundation in the DataTables core software and its
* accompanying extensions. Please refer to the styling documentation for
* details:
* https://datatables.net/manual/styling/
*/
(function(window, document, undefined){

@ -21,6 +21,7 @@
<body>
<div class="row">
<div class="large-12 columns">
<p>Please note that the integration files presented here have now been deprecated and is no longer maintained. The Foundation integration for DataTables has been moved into the core library to improve its support and compatibility while making maintenance easier. Please refer to the <a href="https://datatables.net/manual/styling/foundation">DataTables Foundation styling documentation</a> for details on how to use the new styling integration.</p>
<table cellpadding="0" cellspacing="0" border="0" class="tdisplay" id="example">
<thead>

@ -0,0 +1,6 @@
This styling integration has been deprecated and replaced.
The jQuery UI integration for DataTables has been moved into the core DataTables library and its accompanying extensions to improve the styling integration support and compatibility while making maintenance easier.
Please refer to the DataTables jQuery UI styling documentation for details on how to use the new styling integration:
https://datatables.net/manual/styling/jqueryui

@ -93,35 +93,35 @@ table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
background-color: #abb9d3;
background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
background-color: whitesmoke;
background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
background-color: #a9b7d1;
background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
background-color: #f9f9f9;
background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
background-color: #acbad4;
background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
background-color: #f1f1f1;
@ -133,28 +133,28 @@ table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.
background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
background-color: #a6b3cd;
background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
background-color: #a7b5ce;
background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
background-color: #a9b6d0;
background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
background-color: #f9f9f9;
background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
background-color: #fbfbfb;
background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
background-color: #fdfdfd;
background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
background-color: #acbad4;
background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
background-color: #adbbd6;
background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
background-color: #afbdd8;
@ -171,35 +171,35 @@ table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
background-color: #ebebeb;
background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
background-color: #eeeeee;
background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
background-color: #a1aec7;
background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
background-color: #a2afc8;
background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
background-color: #a4b2cb;
background-color: #a5b2cb;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space: nowrap;

@ -2,13 +2,13 @@
* ©2011-2014 SpryMedia Ltd - datatables.net/license
*/
/**
* DataTables integration for jQuery UI. This requires jQuery UI and
* DataTables 1.10 or newer.
*
* This file sets the defaults and adds options to DataTables to style its
* controls using jQuery UI. See http://datatables.net/manual/styling/jqueryui
* for further information.
/*
* IMPORTANT
* This file has now been deprecated and replaced by support for the styling
* integration with jQuery UI in the DataTables core software and its
* accompanying extensions. Please refer to the styling documentation for
* details:
* https://datatables.net/manual/styling/
*/
(function(window, document, undefined){

@ -20,6 +20,7 @@
</head>
<body>
<div class="container">
<p>Please note that the integration files presented here have now been deprecated and is no longer maintained. The jQuery UI integration for DataTables has been moved into the core library to improve its support and compatibility while making maintenance easier. Please refer to the <a href="https://datatables.net/manual/styling/jqueryui">DataTables jQuery UI styling documentation</a> for details on how to use the new styling integration.</p>
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
<thead>

Loading…
Cancel
Save