Merge branch 'master' of github.com:DataTables/DataTables

Sync - latest files
DataTables 1.10.17!
2026-01-12 07:48:20 -05:00 · 2018-06-14 11:51:26 +01:00 · 2018-06-14 11:51:12 +01:00 · 2018-06-14 11:47:05 +01:00 · 2018-06-14 11:46:46 +01:00 · 2018-06-14 11:46:31 +01:00
135 changed files with 2547 additions and 2735 deletions
--- a/.datatables-commit-sync
+++ b/.datatables-commit-sync
@@ -1 +1 @@
-b7352d7c29727ea5041130bc20de709e332d4e72
+200ed4fabea34332bed88b817614bffa8e0aeb50
--- a/composer.json
+++ b/composer.json
@@ -1,6 +1,6 @@
 {
 	"name": "datatables/datatables",
-	"version": "1.10.15",
+	"version": "1.10.17",
 	"description": "DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.", 
 	"homepage": "http://www.datatables.net/",
 	"author": "SpryMedia", 
--- a/dataTables.jquery.json
+++ b/dataTables.jquery.json
@@ -1,6 +1,6 @@
 {
 	"name": "DataTables",
-	"version": "1.10.15",
+	"version": "1.10.17",
 	"description": "DataTables enhances HTML tables with the ability to sort, filter and page the data in the table very easily. It provides a comprehensive API and set of configuration options, allowing you to consume data from virtually any data source.",
 	"homepage": "http://datatables.net/",
 	"docs": "http://datatables.net/",
--- a/examples/advanced_init/column_render.html
+++ b/examples/advanced_init/column_render.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Column rendering</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -56,7 +52,7 @@ $(document).ready(function() {
 				assigning colours based on content rules and any other form of text manipulation you require.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -67,16 +63,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -535,6 +521,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -564,7 +560,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -743,6 +739,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -752,14 +751,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -916,7 +912,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/complex_header.html
+++ b/examples/advanced_init/complex_header.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Complex headers with column visibility</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -41,7 +37,7 @@ $(document).ready(function() {
 			<div class="info">
 				<p>Complex headers (using <code>colspan</code> / <code>rowspan</code>) can be used to group columns of similar information in DataTables, creating a very powerful
 				visual effect.</p>
-				<p>In addition to the basic behaviour, DataTables can also take <code>colspan</code> and <code>rowspan</code>s into account when working with hidden columns. The
+				<p>In addition to the basic behaviour, DataTables can also take <code>colspan</code> and <code>rowspan</code> into account when working with hidden columns. The
 				<code>colspan</code> and <code>rowspan</code> attributes for each cell are automatically calculated and rendered on the page for you. This allows the <a href=
 				"//datatables.net/reference/option/columns.visible"><code class="option" title="DataTables initialisation option">columns.visible</code></a> option and <a href=
 				"//datatables.net/reference/api/column().visible()"><code class="api" title="DataTables API method">column().visible()</code></a> method to take into account
@@ -51,7 +47,7 @@ $(document).ready(function() {
 				<p>The example below shows a header spanning multiple cells over the contact information, with one of the columns that the span covers being hidden.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th rowspan="2">Name</th>
@@ -66,16 +62,6 @@ $(document).ready(function() {
 						<th>E-mail</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Salary</th>
-						<th>Office</th>
-						<th>Extn.</th>
-						<th>E-mail</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -534,6 +520,16 @@ $(document).ready(function() {
 						<td>d.snider@datatables.net</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Salary</th>
+						<th>Office</th>
+						<th>Extn.</th>
+						<th>E-mail</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -555,7 +551,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -734,6 +730,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -743,14 +742,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -907,7 +903,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/defaults.html
+++ b/examples/advanced_init/defaults.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Setting defaults</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -47,7 +43,7 @@ $(document).ready(function() {
 				<p>This example shows the searching and ordering features of DataTables being disabled by default, which is reflected in the table when it is initialised.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -58,16 +54,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -526,6 +512,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -548,7 +544,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -727,6 +723,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -736,14 +735,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -900,7 +896,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/dom_multiple_elements.html
+++ b/examples/advanced_init/dom_multiple_elements.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Multiple table control elements</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -19,14 +19,10 @@
 	}

 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -50,10 +46,10 @@ $(document).ready(function() {
 				"DataTables initialisation option">dom</code></a> to create multiple instances of these table controls. Simply include the feature's identification letter where
 				you want it to appear, as many times as you wish, and the controls will all sync up (note that obviously the table (<code class="string" title="String">t</code>)
 				should be included only once).</p>
-				<p>This is shown in the demo below where for four key build-in features are duplicated above and below the table.</p>
+				<p>This is shown in the demo below where the four key built-in features are duplicated above and below the table.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -64,16 +60,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -532,6 +518,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -550,7 +546,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -735,6 +731,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -744,14 +743,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -908,7 +904,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/dom_toolbar.html
+++ b/examples/advanced_init/dom_toolbar.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Custom toolbar elements</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -17,14 +17,10 @@


 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -57,7 +53,7 @@ $(document).ready(function() {
 				Excel / PDF, and more).</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -68,16 +64,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -536,6 +522,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -556,7 +552,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -737,6 +733,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -746,14 +745,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -910,7 +906,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/dt_events.html
+++ b/examples/advanced_init/dt_events.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - DataTables events</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -57,7 +53,7 @@ $(document).ready(function() {
 			<div class="demo-html">
 				<div id="demo_info" class="box"></div>
 			</div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -68,16 +64,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -536,6 +522,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -562,7 +558,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -741,6 +737,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -750,14 +749,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -914,7 +910,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/events_live.html
+++ b/examples/advanced_init/events_live.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - DOM / jQuery events</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -47,7 +43,7 @@ $(document).ready(function() {
 				retrieve information about the selected row - the row's data so we can show it in the <code>alert</code> message in this case.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -58,16 +54,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -526,6 +512,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -547,7 +543,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -726,6 +722,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -735,14 +734,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -899,7 +895,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/footer_callback.html
+++ b/examples/advanced_init/footer_callback.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Footer callback</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -13,14 +13,10 @@
 	th { white-space: nowrap; }

 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -79,7 +75,7 @@ $(document).ready(function() {
 				footer.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -89,12 +85,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th colspan="4" style="text-align:right">Total:</th>
-						<th></th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger</td>
@@ -496,6 +486,12 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th colspan="4" style="text-align:right">Total:</th>
+						<th></th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -545,7 +541,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -724,6 +720,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -733,14 +732,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -897,7 +893,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/html5-data-attributes.html
+++ b/examples/advanced_init/html5-data-attributes.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - HTML5 data-* attributes - cell data</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -50,7 +46,7 @@ $(document).ready(function() {
 				the column will correctly order numerically as the <code>data-sort</code> / <code>data-order</code> attribute is set on the column with plain numeric data.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -61,16 +57,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td data-search="Tiger Nixon">T. Nixon</td>
@@ -529,6 +515,16 @@ $(document).ready(function() {
 						<td data-order="112000">$112,000/y</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -545,7 +541,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -724,6 +720,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -733,14 +732,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -897,7 +893,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/html5-data-options.html
+++ b/examples/advanced_init/html5-data-options.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - HTML5 data-* attributes - table options</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -37,9 +33,9 @@ $(document).ready(function() {
 				<p>As of DataTables 1.10.5 it is now possible to define <a href="//datatables.net/reference/option">initialisation options</a> using HTML5 <code>data-*</code>
 				attributes. The attribute names are read by DataTables and used, potentially in combination with, the standard Javascript initialisation options (with the
 				<code>data-*</code> attributes taking priority).</p>
-				<p>Please note that the attribute values must contain valid JSON data or a Javascript primitive (as require by <a href=
-				"http://api.jquery.com/data/#data-html5">jQuery's <code>$().data()</code> method</a> - this means that double quotes should be used inside the attribute if needed
-				for a string (see the <code>data-order</code> example below).</p>
+				<p>Please note that the attribute values must contain valid JSON data or a Javascript primitive, as required by <a href=
+				"http://api.jquery.com/data/#data-html5">jQuery's <code>$().data()</code> method</a>. This means that double quotes should be used inside the attribute if needed
+				for a string (see the <code>data-order</code> in this example).</p>
 				<p>Additionally, jQuery will convert a dashed string into the camel-case notation used by DataTables for its options. For example <code>data-page-length</code> is
 				used to represent <a href="//datatables.net/reference/option/pageLength"><code class="option" title="DataTables initialisation option">pageLength</code></a>.</p>
 				<p>The table below shows the use of <a href="//datatables.net/reference/option/pageLength"><code class="option" title=
@@ -544,7 +540,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -723,6 +719,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -732,14 +731,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -896,7 +892,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/index.html
+++ b/examples/advanced_init/index.html
@@ -3,15 +3,12 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<title>DataTables examples - Advanced initialisation</title>
 </head>
 <body class="dt-example">
@@ -90,7 +87,7 @@
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/language_file.html
+++ b/examples/advanced_init/language_file.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Language file</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -45,7 +41,7 @@ $(document).ready(function() {
 				<p>The following example shows DataTables reading a German language file which is hosted on the <a href="http://cdn.datatables.net">DataTables CDN</a></p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -56,16 +52,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -524,6 +510,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -544,7 +540,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -723,6 +719,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -732,14 +731,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -896,7 +892,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/length_menu.html
+++ b/examples/advanced_init/length_menu.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Page length options</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -47,7 +43,7 @@ $(document).ready(function() {
 				<p>The example below shows a 2D array being used to include a "Show all" records option.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -58,16 +54,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -526,6 +512,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -544,7 +540,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -723,6 +719,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -732,14 +731,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -896,7 +892,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/object_dom_read.html
+++ b/examples/advanced_init/object_dom_read.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Read HTML to data objects</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -64,7 +60,7 @@ $(document).ready(function() {
 				<p>Please note that this feature requires DataTables 1.10.3 or newer.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -75,16 +71,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -543,6 +529,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -568,7 +564,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -747,6 +743,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -756,14 +755,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -920,7 +916,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/row_callback.html
+++ b/examples/advanced_init/row_callback.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Row created callback</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -16,14 +16,10 @@
 	}

 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -53,7 +49,7 @@ $(document).ready(function() {
 				"DataTables initialisation option">columns.createdCell</code></a> could also be used to create exactly the same effect.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -64,16 +60,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -532,6 +518,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -554,7 +550,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -736,6 +732,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -745,14 +744,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -909,7 +905,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/row_grouping.html
+++ b/examples/advanced_init/row_grouping.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Row grouping</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -16,30 +16,27 @@ tr.group:hover {
 }

 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

 $(document).ready(function() {
+	var groupColumn = 2;
 	var table = $('#example').DataTable({
 		"columnDefs": [
-			{ "visible": false, "targets": 2 }
+			{ "visible": false, "targets": groupColumn }
 		],
-		"order": [[ 2, 'asc' ]],
+		"order": [[ groupColumn, 'asc' ]],
 		"displayLength": 25,
 		"drawCallback": function ( settings ) {
 			var api = this.api();
 			var rows = api.rows( {page:'current'} ).nodes();
 			var last=null;

-			api.column(2, {page:'current'} ).data().each( function ( group, i ) {
+			api.column(groupColumn, {page:'current'} ).data().each( function ( group, i ) {
 				if ( last !== group ) {
 					$(rows).eq( i ).before(
 						'<tr class="group"><td colspan="5">'+group+'</td></tr>'
@@ -54,11 +51,11 @@ $(document).ready(function() {
 	// Order by the grouping
 	$('#example tbody').on( 'click', 'tr.group', function () {
 		var currentOrder = table.order()[0];
-		if ( currentOrder[0] === 2 && currentOrder[1] === 'asc' ) {
-			table.order( [ 2, 'desc' ] ).draw();
+		if ( currentOrder[0] === groupColumn && currentOrder[1] === 'asc' ) {
+			table.order( [ groupColumn, 'desc' ] ).draw();
 		}
 		else {
-			table.order( [ 2, 'asc' ] ).draw();
+			table.order( [ groupColumn, 'asc' ] ).draw();
 		}
 	} );
 } );
@@ -84,7 +81,7 @@ $(document).ready(function() {
 				new sites that make use of row grouping, it is suggested that you use the new RowGroup extension.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -95,16 +92,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -563,6 +550,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -574,18 +571,19 @@ $(document).ready(function() {
 			<div class="tabs">
 				<div class="js">
 					<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {
+	var groupColumn = 2;
 	var table = $('#example').DataTable({
 		&quot;columnDefs&quot;: [
-			{ &quot;visible&quot;: false, &quot;targets&quot;: 2 }
+			{ &quot;visible&quot;: false, &quot;targets&quot;: groupColumn }
 		],
-		&quot;order&quot;: [[ 2, 'asc' ]],
+		&quot;order&quot;: [[ groupColumn, 'asc' ]],
 		&quot;displayLength&quot;: 25,
 		&quot;drawCallback&quot;: function ( settings ) {
 			var api = this.api();
 			var rows = api.rows( {page:'current'} ).nodes();
 			var last=null;

-			api.column(2, {page:'current'} ).data().each( function ( group, i ) {
+			api.column(groupColumn, {page:'current'} ).data().each( function ( group, i ) {
 				if ( last !== group ) {
 					$(rows).eq( i ).before(
 						'&lt;tr class=&quot;group&quot;&gt;&lt;td colspan=&quot;5&quot;&gt;'+group+'&lt;/td&gt;&lt;/tr&gt;'
@@ -600,18 +598,18 @@ $(document).ready(function() {
 	// Order by the grouping
 	$('#example tbody').on( 'click', 'tr.group', function () {
 		var currentOrder = table.order()[0];
-		if ( currentOrder[0] === 2 &amp;&amp; currentOrder[1] === 'asc' ) {
-			table.order( [ 2, 'desc' ] ).draw();
+		if ( currentOrder[0] === groupColumn &amp;&amp; currentOrder[1] === 'asc' ) {
+			table.order( [ groupColumn, 'desc' ] ).draw();
 		}
 		else {
-			table.order( [ 2, 'asc' ] ).draw();
+			table.order( [ groupColumn, 'asc' ] ).draw();
 		}
 	} );
 } );</code>
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -793,6 +791,9 @@ tr.group:hover {
 							<li>
 								<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>
 							</li>
@@ -802,14 +803,11 @@ tr.group:hover {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -966,7 +964,7 @@ tr.group:hover {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/advanced_init/sort_direction_control.html
+++ b/examples/advanced_init/sort_direction_control.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Order direction sequence control</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -57,10 +53,10 @@ $(document).ready(function() {
 					<li>Column 6 - default ordering</li>
 				</ul>
 				<p>It's worth noting that I don't have a good use case for when you might what to mix such complex ordering behaviour into a single table, but the example shows
-				how these options can be use and therefore applied across all columns.</p>
+				how these options can be used and therefore applied across all columns.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -71,16 +67,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -539,6 +525,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -564,7 +560,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -743,6 +739,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -752,14 +751,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -916,7 +912,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/ajax/custom_data_flat.html
+++ b/examples/ajax/custom_data_flat.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Flat array data source</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -61,7 +57,7 @@ $(document).ready(function() {
 				object with an array inside it as is the default.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -111,7 +107,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -290,6 +286,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -299,14 +298,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -463,7 +459,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/ajax/custom_data_property.html
+++ b/examples/ajax/custom_data_property.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Custom data source property</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -38,7 +34,7 @@ $(document).ready(function() {
 			<h1>DataTables example <span>Custom data source property</span></h1>
 			<div class="info">
 				<p>When loading data from an Ajax source, by default, DataTables will look for the data to use in the <code>data</code> parameter of a returned object (e.g.
-				<code>{ "data": [...] }</code>). This can easily be change by using the <code>dataSrc</code> option of the <a href=
+				<code>{ "data": [...] }</code>). This can easily be changed by using the <code>dataSrc</code> option of the <a href=
 				"//datatables.net/reference/option/ajax"><code class="option" title="DataTables initialisation option">ajax</code></a> initiation option.</p>
 				<p>The <a href="//datatables.net/reference/option/ajax.dataSrc"><code class="option" title="DataTables initialisation option">ajax.dataSrc</code></a> has a number
 				of ways in which it can be used:</p>
@@ -50,11 +46,11 @@ $(document).ready(function() {
 				</ul>
 				<p>The example below shows <a href="//datatables.net/reference/option/ajax.dataSrc"><code class="option" title=
 				"DataTables initialisation option">ajax.dataSrc</code></a> being used as a string to get the data from a different source property, in this case <code class=
-				"string" title="String">demo</code> but it could be any value, included a nested property by using standard dotted Javascript object notation.</p>
+				"string" title="String">demo</code>, but it could be any value, including a nested property using standard dotted Javascript object notation.</p>
 				<p>For more details on loading a DataTable with Ajax data, please refer to the <a href="https://datatables.net/manual/ajax">Ajax section of the manual</a>.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -96,7 +92,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -275,6 +271,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -284,14 +283,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -448,7 +444,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/ajax/data/objects.txt
+++ b/examples/ajax/data/objects.txt
@@ -1,6 +1,7 @@
 {
    "data": [
        {
+            "id": "1",
            "name": "Tiger Nixon",
            "position": "System Architect",
            "salary": "$320,800",
@@ -9,6 +10,7 @@
            "extn": "5421"
        },
        {
+            "id": "2",
            "name": "Garrett Winters",
            "position": "Accountant",
            "salary": "$170,750",
@@ -17,6 +19,7 @@
            "extn": "8422"
        },
        {
+            "id": "3",
            "name": "Ashton Cox",
            "position": "Junior Technical Author",
            "salary": "$86,000",
@@ -25,6 +28,7 @@
            "extn": "1562"
        },
        {
+            "id": "4",
            "name": "Cedric Kelly",
            "position": "Senior Javascript Developer",
            "salary": "$433,060",
@@ -33,6 +37,7 @@
            "extn": "6224"
        },
        {
+            "id": "5",
            "name": "Airi Satou",
            "position": "Accountant",
            "salary": "$162,700",
@@ -41,6 +46,7 @@
            "extn": "5407"
        },
        {
+            "id": "6",
            "name": "Brielle Williamson",
            "position": "Integration Specialist",
            "salary": "$372,000",
@@ -49,6 +55,7 @@
            "extn": "4804"
        },
        {
+            "id": "7",
            "name": "Herrod Chandler",
            "position": "Sales Assistant",
            "salary": "$137,500",
@@ -57,6 +64,7 @@
            "extn": "9608"
        },
        {
+            "id": "8",
            "name": "Rhona Davidson",
            "position": "Integration Specialist",
            "salary": "$327,900",
@@ -65,6 +73,7 @@
            "extn": "6200"
        },
        {
+            "id": "9",
            "name": "Colleen Hurst",
            "position": "Javascript Developer",
            "salary": "$205,500",
@@ -73,6 +82,7 @@
            "extn": "2360"
        },
        {
+            "id": "10",
            "name": "Sonya Frost",
            "position": "Software Engineer",
            "salary": "$103,600",
@@ -81,6 +91,7 @@
            "extn": "1667"
        },
        {
+            "id": "11",
            "name": "Jena Gaines",
            "position": "Office Manager",
            "salary": "$90,560",
@@ -89,6 +100,7 @@
            "extn": "3814"
        },
        {
+            "id": "12",
            "name": "Quinn Flynn",
            "position": "Support Lead",
            "salary": "$342,000",
@@ -97,6 +109,7 @@
            "extn": "9497"
        },
        {
+            "id": "13",
            "name": "Charde Marshall",
            "position": "Regional Director",
            "salary": "$470,600",
@@ -105,6 +118,7 @@
            "extn": "6741"
        },
        {
+            "id": "14",
            "name": "Haley Kennedy",
            "position": "Senior Marketing Designer",
            "salary": "$313,500",
@@ -113,6 +127,7 @@
            "extn": "3597"
        },
        {
+            "id": "15",
            "name": "Tatyana Fitzpatrick",
            "position": "Regional Director",
            "salary": "$385,750",
@@ -121,6 +136,7 @@
            "extn": "1965"
        },
        {
+            "id": "16",
            "name": "Michael Silva",
            "position": "Marketing Designer",
            "salary": "$198,500",
@@ -129,6 +145,7 @@
            "extn": "1581"
        },
        {
+            "id": "17",
            "name": "Paul Byrd",
            "position": "Chief Financial Officer (CFO)",
            "salary": "$725,000",
@@ -137,6 +154,7 @@
            "extn": "3059"
        },
        {
+            "id": "18",
            "name": "Gloria Little",
            "position": "Systems Administrator",
            "salary": "$237,500",
@@ -145,6 +163,7 @@
            "extn": "1721"
        },
        {
+            "id": "19",
            "name": "Bradley Greer",
            "position": "Software Engineer",
            "salary": "$132,000",
@@ -153,6 +172,7 @@
            "extn": "2558"
        },
        {
+            "id": "20",
            "name": "Dai Rios",
            "position": "Personnel Lead",
            "salary": "$217,500",
@@ -161,6 +181,7 @@
            "extn": "2290"
        },
        {
+            "id": "21",
            "name": "Jenette Caldwell",
            "position": "Development Lead",
            "salary": "$345,000",
@@ -169,6 +190,7 @@
            "extn": "1937"
        },
        {
+            "id": "22",
            "name": "Yuri Berry",
            "position": "Chief Marketing Officer (CMO)",
            "salary": "$675,000",
@@ -177,6 +199,7 @@
            "extn": "6154"
        },
        {
+            "id": "23",
            "name": "Caesar Vance",
            "position": "Pre-Sales Support",
            "salary": "$106,450",
@@ -185,6 +208,7 @@
            "extn": "8330"
        },
        {
+            "id": "24",
            "name": "Doris Wilder",
            "position": "Sales Assistant",
            "salary": "$85,600",
@@ -193,6 +217,7 @@
            "extn": "3023"
        },
        {
+            "id": "25",
            "name": "Angelica Ramos",
            "position": "Chief Executive Officer (CEO)",
            "salary": "$1,200,000",
@@ -201,6 +226,7 @@
            "extn": "5797"
        },
        {
+            "id": "26",
            "name": "Gavin Joyce",
            "position": "Developer",
            "salary": "$92,575",
@@ -209,6 +235,7 @@
            "extn": "8822"
        },
        {
+            "id": "27",
            "name": "Jennifer Chang",
            "position": "Regional Director",
            "salary": "$357,650",
@@ -217,6 +244,7 @@
            "extn": "9239"
        },
        {
+            "id": "28",
            "name": "Brenden Wagner",
            "position": "Software Engineer",
            "salary": "$206,850",
@@ -225,6 +253,7 @@
            "extn": "1314"
        },
        {
+            "id": "29",
            "name": "Fiona Green",
            "position": "Chief Operating Officer (COO)",
            "salary": "$850,000",
@@ -233,6 +262,7 @@
            "extn": "2947"
        },
        {
+            "id": "30",
            "name": "Shou Itou",
            "position": "Regional Marketing",
            "salary": "$163,000",
@@ -241,6 +271,7 @@
            "extn": "8899"
        },
        {
+            "id": "31",
            "name": "Michelle House",
            "position": "Integration Specialist",
            "salary": "$95,400",
@@ -249,6 +280,7 @@
            "extn": "2769"
        },
        {
+            "id": "32",
            "name": "Suki Burks",
            "position": "Developer",
            "salary": "$114,500",
@@ -257,6 +289,7 @@
            "extn": "6832"
        },
        {
+            "id": "33",
            "name": "Prescott Bartlett",
            "position": "Technical Author",
            "salary": "$145,000",
@@ -265,6 +298,7 @@
            "extn": "3606"
        },
        {
+            "id": "34",
            "name": "Gavin Cortez",
            "position": "Team Leader",
            "salary": "$235,500",
@@ -273,6 +307,7 @@
            "extn": "2860"
        },
        {
+            "id": "35",
            "name": "Martena Mccray",
            "position": "Post-Sales support",
            "salary": "$324,050",
@@ -281,6 +316,7 @@
            "extn": "8240"
        },
        {
+            "id": "36",
            "name": "Unity Butler",
            "position": "Marketing Designer",
            "salary": "$85,675",
@@ -289,6 +325,7 @@
            "extn": "5384"
        },
        {
+            "id": "37",
            "name": "Howard Hatfield",
            "position": "Office Manager",
            "salary": "$164,500",
@@ -297,6 +334,7 @@
            "extn": "7031"
        },
        {
+            "id": "38",
            "name": "Hope Fuentes",
            "position": "Secretary",
            "salary": "$109,850",
@@ -305,6 +343,7 @@
            "extn": "6318"
        },
        {
+            "id": "39",
            "name": "Vivian Harrell",
            "position": "Financial Controller",
            "salary": "$452,500",
@@ -313,6 +352,7 @@
            "extn": "9422"
        },
        {
+            "id": "40",
            "name": "Timothy Mooney",
            "position": "Office Manager",
            "salary": "$136,200",
@@ -321,6 +361,7 @@
            "extn": "7580"
        },
        {
+            "id": "41",
            "name": "Jackson Bradshaw",
            "position": "Director",
            "salary": "$645,750",
@@ -329,6 +370,7 @@
            "extn": "1042"
        },
        {
+            "id": "42",
            "name": "Olivia Liang",
            "position": "Support Engineer",
            "salary": "$234,500",
@@ -337,6 +379,7 @@
            "extn": "2120"
        },
        {
+            "id": "43",
            "name": "Bruno Nash",
            "position": "Software Engineer",
            "salary": "$163,500",
@@ -345,6 +388,7 @@
            "extn": "6222"
        },
        {
+            "id": "44",
            "name": "Sakura Yamamoto",
            "position": "Support Engineer",
            "salary": "$139,575",
@@ -353,6 +397,7 @@
            "extn": "9383"
        },
        {
+            "id": "45",
            "name": "Thor Walton",
            "position": "Developer",
            "salary": "$98,540",
@@ -361,6 +406,7 @@
            "extn": "8327"
        },
        {
+            "id": "46",
            "name": "Finn Camacho",
            "position": "Support Engineer",
            "salary": "$87,500",
@@ -369,6 +415,7 @@
            "extn": "2927"
        },
        {
+            "id": "47",
            "name": "Serge Baldwin",
            "position": "Data Coordinator",
            "salary": "$138,575",
@@ -377,6 +424,7 @@
            "extn": "8352"
        },
        {
+            "id": "48",
            "name": "Zenaida Frank",
            "position": "Software Engineer",
            "salary": "$125,250",
@@ -385,6 +433,7 @@
            "extn": "7439"
        },
        {
+            "id": "49",
            "name": "Zorita Serrano",
            "position": "Software Engineer",
            "salary": "$115,000",
@@ -393,6 +442,7 @@
            "extn": "4389"
        },
        {
+            "id": "50",
            "name": "Jennifer Acosta",
            "position": "Junior Javascript Developer",
            "salary": "$75,650",
@@ -401,6 +451,7 @@
            "extn": "3431"
        },
        {
+            "id": "51",
            "name": "Cara Stevens",
            "position": "Sales Assistant",
            "salary": "$145,600",
@@ -409,6 +460,7 @@
            "extn": "3990"
        },
        {
+            "id": "52",
            "name": "Hermione Butler",
            "position": "Regional Director",
            "salary": "$356,250",
@@ -417,6 +469,7 @@
            "extn": "1016"
        },
        {
+            "id": "53",
            "name": "Lael Greer",
            "position": "Systems Administrator",
            "salary": "$103,500",
@@ -425,6 +478,7 @@
            "extn": "6733"
        },
        {
+            "id": "54",
            "name": "Jonas Alexander",
            "position": "Developer",
            "salary": "$86,500",
@@ -433,6 +487,7 @@
            "extn": "8196"
        },
        {
+            "id": "55",
            "name": "Shad Decker",
            "position": "Regional Director",
            "salary": "$183,000",
@@ -441,6 +496,7 @@
            "extn": "6373"
        },
        {
+            "id": "56",
            "name": "Michael Bruce",
            "position": "Javascript Developer",
            "salary": "$183,000",
@@ -449,6 +505,7 @@
            "extn": "5384"
        },
        {
+            "id": "57",
            "name": "Donna Snider",
            "position": "Customer Support",
            "salary": "$112,000",
--- a/examples/ajax/data/objects_root_array.txt
+++ b/examples/ajax/data/objects_root_array.txt
@@ -1,5 +1,6 @@
 [
    {
+        "id": "1",
        "name": "Tiger Nixon",
        "position": "System Architect",
        "salary": "$320,800",
@@ -8,6 +9,7 @@
        "extn": "5421"
    },
    {
+        "id": "2",
        "name": "Garrett Winters",
        "position": "Accountant",
        "salary": "$170,750",
@@ -16,6 +18,7 @@
        "extn": "8422"
    },
    {
+        "id": "3",
        "name": "Ashton Cox",
        "position": "Junior Technical Author",
        "salary": "$86,000",
@@ -24,6 +27,7 @@
        "extn": "1562"
    },
    {
+        "id": "4",
        "name": "Cedric Kelly",
        "position": "Senior Javascript Developer",
        "salary": "$433,060",
@@ -32,6 +36,7 @@
        "extn": "6224"
    },
    {
+        "id": "5",
        "name": "Airi Satou",
        "position": "Accountant",
        "salary": "$162,700",
@@ -40,6 +45,7 @@
        "extn": "5407"
    },
    {
+        "id": "6",
        "name": "Brielle Williamson",
        "position": "Integration Specialist",
        "salary": "$372,000",
@@ -48,6 +54,7 @@
        "extn": "4804"
    },
    {
+        "id": "7",
        "name": "Herrod Chandler",
        "position": "Sales Assistant",
        "salary": "$137,500",
@@ -56,6 +63,7 @@
        "extn": "9608"
    },
    {
+        "id": "8",
        "name": "Rhona Davidson",
        "position": "Integration Specialist",
        "salary": "$327,900",
@@ -64,6 +72,7 @@
        "extn": "6200"
    },
    {
+        "id": "9",
        "name": "Colleen Hurst",
        "position": "Javascript Developer",
        "salary": "$205,500",
@@ -72,6 +81,7 @@
        "extn": "2360"
    },
    {
+        "id": "10",
        "name": "Sonya Frost",
        "position": "Software Engineer",
        "salary": "$103,600",
@@ -80,6 +90,7 @@
        "extn": "1667"
    },
    {
+        "id": "11",
        "name": "Jena Gaines",
        "position": "Office Manager",
        "salary": "$90,560",
@@ -88,6 +99,7 @@
        "extn": "3814"
    },
    {
+        "id": "12",
        "name": "Quinn Flynn",
        "position": "Support Lead",
        "salary": "$342,000",
@@ -96,6 +108,7 @@
        "extn": "9497"
    },
    {
+        "id": "13",
        "name": "Charde Marshall",
        "position": "Regional Director",
        "salary": "$470,600",
@@ -104,6 +117,7 @@
        "extn": "6741"
    },
    {
+        "id": "14",
        "name": "Haley Kennedy",
        "position": "Senior Marketing Designer",
        "salary": "$313,500",
@@ -112,6 +126,7 @@
        "extn": "3597"
    },
    {
+        "id": "15",
        "name": "Tatyana Fitzpatrick",
        "position": "Regional Director",
        "salary": "$385,750",
@@ -120,6 +135,7 @@
        "extn": "1965"
    },
    {
+        "id": "16",
        "name": "Michael Silva",
        "position": "Marketing Designer",
        "salary": "$198,500",
@@ -128,6 +144,7 @@
        "extn": "1581"
    },
    {
+        "id": "17",
        "name": "Paul Byrd",
        "position": "Chief Financial Officer (CFO)",
        "salary": "$725,000",
@@ -136,6 +153,7 @@
        "extn": "3059"
    },
    {
+        "id": "18",
        "name": "Gloria Little",
        "position": "Systems Administrator",
        "salary": "$237,500",
@@ -144,6 +162,7 @@
        "extn": "1721"
    },
    {
+        "id": "19",
        "name": "Bradley Greer",
        "position": "Software Engineer",
        "salary": "$132,000",
@@ -152,6 +171,7 @@
        "extn": "2558"
    },
    {
+        "id": "20",
        "name": "Dai Rios",
        "position": "Personnel Lead",
        "salary": "$217,500",
@@ -160,6 +180,7 @@
        "extn": "2290"
    },
    {
+        "id": "21",
        "name": "Jenette Caldwell",
        "position": "Development Lead",
        "salary": "$345,000",
@@ -168,6 +189,7 @@
        "extn": "1937"
    },
    {
+        "id": "22",
        "name": "Yuri Berry",
        "position": "Chief Marketing Officer (CMO)",
        "salary": "$675,000",
@@ -176,6 +198,7 @@
        "extn": "6154"
    },
    {
+        "id": "23",
        "name": "Caesar Vance",
        "position": "Pre-Sales Support",
        "salary": "$106,450",
@@ -184,6 +207,7 @@
        "extn": "8330"
    },
    {
+        "id": "24",
        "name": "Doris Wilder",
        "position": "Sales Assistant",
        "salary": "$85,600",
@@ -192,6 +216,7 @@
        "extn": "3023"
    },
    {
+        "id": "25",
        "name": "Angelica Ramos",
        "position": "Chief Executive Officer (CEO)",
        "salary": "$1,200,000",
@@ -200,6 +225,7 @@
        "extn": "5797"
    },
    {
+        "id": "26",
        "name": "Gavin Joyce",
        "position": "Developer",
        "salary": "$92,575",
@@ -208,6 +234,7 @@
        "extn": "8822"
    },
    {
+        "id": "27",
        "name": "Jennifer Chang",
        "position": "Regional Director",
        "salary": "$357,650",
@@ -216,6 +243,7 @@
        "extn": "9239"
    },
    {
+        "id": "28",
        "name": "Brenden Wagner",
        "position": "Software Engineer",
        "salary": "$206,850",
@@ -224,6 +252,7 @@
        "extn": "1314"
    },
    {
+        "id": "29",
        "name": "Fiona Green",
        "position": "Chief Operating Officer (COO)",
        "salary": "$850,000",
@@ -232,6 +261,7 @@
        "extn": "2947"
    },
    {
+        "id": "30",
        "name": "Shou Itou",
        "position": "Regional Marketing",
        "salary": "$163,000",
@@ -240,6 +270,7 @@
        "extn": "8899"
    },
    {
+        "id": "31",
        "name": "Michelle House",
        "position": "Integration Specialist",
        "salary": "$95,400",
@@ -248,6 +279,7 @@
        "extn": "2769"
    },
    {
+        "id": "32",
        "name": "Suki Burks",
        "position": "Developer",
        "salary": "$114,500",
@@ -256,6 +288,7 @@
        "extn": "6832"
    },
    {
+        "id": "33",
        "name": "Prescott Bartlett",
        "position": "Technical Author",
        "salary": "$145,000",
@@ -264,6 +297,7 @@
        "extn": "3606"
    },
    {
+        "id": "34",
        "name": "Gavin Cortez",
        "position": "Team Leader",
        "salary": "$235,500",
@@ -272,6 +306,7 @@
        "extn": "2860"
    },
    {
+        "id": "35",
        "name": "Martena Mccray",
        "position": "Post-Sales support",
        "salary": "$324,050",
@@ -280,6 +315,7 @@
        "extn": "8240"
    },
    {
+        "id": "36",
        "name": "Unity Butler",
        "position": "Marketing Designer",
        "salary": "$85,675",
@@ -288,6 +324,7 @@
        "extn": "5384"
    },
    {
+        "id": "37",
        "name": "Howard Hatfield",
        "position": "Office Manager",
        "salary": "$164,500",
@@ -296,6 +333,7 @@
        "extn": "7031"
    },
    {
+        "id": "38",
        "name": "Hope Fuentes",
        "position": "Secretary",
        "salary": "$109,850",
@@ -304,6 +342,7 @@
        "extn": "6318"
    },
    {
+        "id": "39",
        "name": "Vivian Harrell",
        "position": "Financial Controller",
        "salary": "$452,500",
@@ -312,6 +351,7 @@
        "extn": "9422"
    },
    {
+        "id": "40",
        "name": "Timothy Mooney",
        "position": "Office Manager",
        "salary": "$136,200",
@@ -320,6 +360,7 @@
        "extn": "7580"
    },
    {
+        "id": "41",
        "name": "Jackson Bradshaw",
        "position": "Director",
        "salary": "$645,750",
@@ -328,6 +369,7 @@
        "extn": "1042"
    },
    {
+        "id": "42",
        "name": "Olivia Liang",
        "position": "Support Engineer",
        "salary": "$234,500",
@@ -336,6 +378,7 @@
        "extn": "2120"
    },
    {
+        "id": "43",
        "name": "Bruno Nash",
        "position": "Software Engineer",
        "salary": "$163,500",
@@ -344,6 +387,7 @@
        "extn": "6222"
    },
    {
+        "id": "44",
        "name": "Sakura Yamamoto",
        "position": "Support Engineer",
        "salary": "$139,575",
@@ -352,6 +396,7 @@
        "extn": "9383"
    },
    {
+        "id": "45",
        "name": "Thor Walton",
        "position": "Developer",
        "salary": "$98,540",
@@ -360,6 +405,7 @@
        "extn": "8327"
    },
    {
+        "id": "46",
        "name": "Finn Camacho",
        "position": "Support Engineer",
        "salary": "$87,500",
@@ -368,6 +414,7 @@
        "extn": "2927"
    },
    {
+        "id": "47",
        "name": "Serge Baldwin",
        "position": "Data Coordinator",
        "salary": "$138,575",
@@ -376,6 +423,7 @@
        "extn": "8352"
    },
    {
+        "id": "48",
        "name": "Zenaida Frank",
        "position": "Software Engineer",
        "salary": "$125,250",
@@ -384,6 +432,7 @@
        "extn": "7439"
    },
    {
+        "id": "49",
        "name": "Zorita Serrano",
        "position": "Software Engineer",
        "salary": "$115,000",
@@ -392,6 +441,7 @@
        "extn": "4389"
    },
    {
+        "id": "50",
        "name": "Jennifer Acosta",
        "position": "Junior Javascript Developer",
        "salary": "$75,650",
@@ -400,6 +450,7 @@
        "extn": "3431"
    },
    {
+        "id": "51",
        "name": "Cara Stevens",
        "position": "Sales Assistant",
        "salary": "$145,600",
@@ -408,6 +459,7 @@
        "extn": "3990"
    },
    {
+        "id": "52",
        "name": "Hermione Butler",
        "position": "Regional Director",
        "salary": "$356,250",
@@ -416,6 +468,7 @@
        "extn": "1016"
    },
    {
+        "id": "53",
        "name": "Lael Greer",
        "position": "Systems Administrator",
        "salary": "$103,500",
@@ -424,6 +477,7 @@
        "extn": "6733"
    },
    {
+        "id": "54",
        "name": "Jonas Alexander",
        "position": "Developer",
        "salary": "$86,500",
@@ -432,6 +486,7 @@
        "extn": "8196"
    },
    {
+        "id": "55",
        "name": "Shad Decker",
        "position": "Regional Director",
        "salary": "$183,000",
@@ -440,6 +495,7 @@
        "extn": "6373"
    },
    {
+        "id": "56",
        "name": "Michael Bruce",
        "position": "Javascript Developer",
        "salary": "$183,000",
@@ -448,6 +504,7 @@
        "extn": "5384"
    },
    {
+        "id": "57",
        "name": "Donna Snider",
        "position": "Customer Support",
        "salary": "$112,000",
--- a/examples/ajax/deep.html
+++ b/examples/ajax/deep.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Nested object data (objects)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -67,7 +63,7 @@ $(document).ready(function() {
 </code></pre>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -115,7 +111,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -294,6 +290,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -303,14 +302,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -467,7 +463,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/ajax/defer_render.html
+++ b/examples/ajax/defer_render.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Deferred rendering for speed</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -46,7 +42,7 @@ $(document).ready(function() {
 				significantly from simply enabling this parameter.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -86,7 +82,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -265,6 +261,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -274,14 +273,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -438,7 +434,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/ajax/index.html
+++ b/examples/ajax/index.html
@@ -3,15 +3,12 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<title>DataTables examples - Ajax sourced data</title>
 </head>
 <body class="dt-example">
@@ -68,7 +65,7 @@
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/ajax/null_data_source.html
+++ b/examples/ajax/null_data_source.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Generated content for a column</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -62,10 +58,10 @@ $(document).ready(function() {
 				bit of information about it in an <code>alert</code> box. This is a simple use case, but it can be built up to be arbitrarily complex.</p>
 				<p>Note also that the <a href="//datatables.net/reference/option/columns.data"><code class="option" title=
 				"DataTables initialisation option">columns.data</code></a> option for the column has been set to <code>null</code> to indicate that the column has no information
-				that should be obtained data source object.</p>
+				contained in the data source object.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -114,7 +110,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -293,6 +289,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -302,14 +301,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -466,7 +462,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/ajax/objects.html
+++ b/examples/ajax/objects.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Ajax data source (objects)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -62,7 +58,7 @@ $(document).ready(function() {
 				<p>For more details on loading a DataTable with Ajax data, please refer to the <a href="https://datatables.net/manual/ajax">Ajax section of the manual</a>.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -109,7 +105,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -288,6 +284,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -297,14 +296,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -461,7 +457,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/ajax/objects_subarrays.html
+++ b/examples/ajax/objects_subarrays.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Nested object data (arrays)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -76,7 +72,7 @@ $(document).ready(function() {
 </code></pre>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -123,7 +119,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -302,6 +298,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -311,14 +310,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -475,7 +471,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/ajax/orthogonal-data.html
+++ b/examples/ajax/orthogonal-data.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Orthogonal data</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -67,7 +63,7 @@ $(document).ready(function() {
 </code></pre>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -117,7 +113,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -296,6 +292,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -305,14 +304,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -469,7 +465,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/ajax/simple.html
+++ b/examples/ajax/simple.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Ajax data source (arrays)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -41,7 +37,7 @@ $(document).ready(function() {
 				advanced configuration such as altering how the Ajax request is made. See the <a href="//datatables.net/reference/option/ajax"><code class="option" title=
 				"DataTables initialisation option">ajax</code></a> documentation or the other Ajax examples for DataTables for further information.</p>
 				<p>By default DataTables will assume that an array data source is to be used and will read the information to be displayed in each column from the row's array
-				using the column index, making working with arrays very simple (note that this can be changed, or objects used may using the <a href=
+				using the column index, making working with arrays very simple (note that this can be changed, or objects may use the <a href=
 				"//datatables.net/reference/option/columns.data"><code class="option" title="DataTables initialisation option">columns.data</code></a> option, shown in other
 				examples).</p>
 				<p>The example below shows DataTables loading data for a table from arrays as the data source, where the structure of the row's data source in this example is:</p>
@@ -57,7 +53,7 @@ $(document).ready(function() {
 				<p>For more details on loading a DataTable with Ajax data, please refer to the <a href="https://datatables.net/manual/ajax">Ajax section of the manual</a>.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -96,7 +92,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -275,6 +271,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -284,14 +283,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -448,7 +444,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/add_row.html
+++ b/examples/api/add_row.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Add rows</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -50,22 +46,22 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Add rows</span></h1>
 			<div class="info">
-				<p>New rows can be added to a DataTable very easily using the <a href="//datatables.net/reference/api/row.add()"><code class="api" title=
-				"DataTables API method">row.add()</code></a> API method. Simply call the API function with the data that is to be used for the new row (be it an array or object).
-				Multiple rows can be added using the <a href="//datatables.net/reference/api/rows.add()"><code class="api" title="DataTables API method">rows.add()</code></a>
-				method (note the plural). Data can be likewise be updated with the <a href="//datatables.net/reference/api/row().data()"><code class="api" title=
+				<p>New rows can be added to a DataTable using the <a href="//datatables.net/reference/api/row.add()"><code class="api" title=
+				"DataTables API method">row.add()</code></a> API method. Simply call the API function with the data for the new row (be it an array or object). Multiple rows can
+				be added using the <a href="//datatables.net/reference/api/rows.add()"><code class="api" title="DataTables API method">rows.add()</code></a> method (note the
+				plural). Data can likewise be updated with the <a href="//datatables.net/reference/api/row().data()"><code class="api" title=
 				"DataTables API method">row().data()</code></a> and <a href="//datatables.net/reference/api/row().remove()"><code class="api" title=
 				"DataTables API method">row().remove()</code></a> methods.</p>
 				<p>Note that in order to see the new row in the table you must call the <a href="//datatables.net/reference/api/draw()"><code class="api" title=
-				"DataTables API method">draw()</code></a> method, which is easily done through the chaining that the DataTables API makes use of.</p>
+				"DataTables API method">draw()</code></a> method, which is easily done through the chaining that the DataTables API employs.</p>
 				<p>This example shows a single row being added each time the button below is clicked upon.</p>
-				<p>The <a href="https://editor.datatables.net/">Editor extension</a> adds full table editing controls, including creating, editing and deleting rows, to a
-				DataTable.</p>
+				<p>The <a href="https://editor.datatables.net/">Editor extension</a> adds full table editing controls to a DataTable, including creating, editing and deleting
+				rows.</p>
 			</div>
 			<div class="demo-html">
 				<button id="addRow">Add new row</button>
 			</div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Column 1</th>
@@ -116,7 +112,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -295,6 +291,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -304,14 +303,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -468,7 +464,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/api_in_init.html
+++ b/examples/api/api_in_init.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Using API in callbacks</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -54,7 +50,7 @@ $(document).ready(function() {
 				shows the use of the API inside the callbacks!</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -65,16 +61,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -533,6 +519,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -556,7 +552,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -735,6 +731,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -744,14 +743,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -908,7 +904,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/counter_columns.html
+++ b/examples/api/counter_columns.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Index column</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -47,7 +43,7 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Index column</span></h1>
 			<div class="info">
-				<p>Highly-interactive tables often require a 'counter' column that contains the position in the table for each row. This column should not be sortable, and will
+				<p>Highly-interactive tables often require a 'counter' column that contains the position for each row in the table. This column should not be sortable, and will
 				change dynamically as the ordering and searching applied to the table is altered by the end user.</p>
 				<p>This example shows how this can be achieved with DataTables, where the first column is the counter column, and is updated when ordering or searching occurs.
 				This is done by listening for the <a href="//datatables.net/reference/event/order"><code class="event" title="DataTables event">order</code></a> and <a href=
@@ -58,7 +54,7 @@ $(document).ready(function() {
 				"DataTables API method">column()</code></a> method to get the nodes in the current order and with the currently applied filter.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th></th>
@@ -69,16 +65,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th></th>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td></td>
@@ -537,6 +523,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th></th>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -566,7 +562,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -745,6 +741,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -754,14 +753,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -918,7 +914,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/form.html
+++ b/examples/api/form.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Form inputs</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -56,7 +52,7 @@ $(document).ready(function() {
 			<div class="demo-html">
 				<button type="submit">Submit form</button>
 			</div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -65,14 +61,6 @@ $(document).ready(function() {
 						<th>Office</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Age</th>
-						<th>Position</th>
-						<th>Office</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -1329,6 +1317,14 @@ $(document).ready(function() {
 						</select></td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Age</th>
+						<th>Position</th>
+						<th>Office</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -1354,7 +1350,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -1533,6 +1529,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -1542,14 +1541,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -1706,7 +1702,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/highlight.html
+++ b/examples/api/highlight.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Highlighting rows and columns</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -17,14 +17,10 @@ td.highlight {


 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -48,16 +44,16 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Highlighting rows and columns</span></h1>
 			<div class="info">
-				<p>Highlighting rows and columns have be quite useful for drawing attention to where the user's cursor is in a table, particularly if you have a lot of narrow
-				columns. Of course the highlighting of a row is easy enough using CSS, but for column highlighting, you need to use a little bit of Javascript.</p>
-				<p>This example shows that in action on DataTable by making use of the <a href="//datatables.net/reference/api/cell().index()"><code class="api" title=
+				<p>Highlighting rows and columns can be useful for drawing attention to where the user's cursor is in a table, particularly if you have a lot of narrow columns.
+				Highlighting a row is easy using CSS, but for column highlighting, you need to use a little bit of Javascript.</p>
+				<p>This example shows DataTables making use of the <a href="//datatables.net/reference/api/cell().index()"><code class="api" title=
 				"DataTables API method">cell().index()</code></a> method to get the index of the column that is to be operated on, and then the <a href=
 				"//datatables.net/reference/api/cells().nodes()"><code class="api" title="DataTables API method">cells().nodes()</code></a> and <a href=
 				"//datatables.net/reference/api/column().nodes()"><code class="api" title="DataTables API method">column().nodes()</code></a> methods to remove old classes and
 				apply the new highlighted class, respectively.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="row-border hover order-column" cellspacing="0" width="100%">
+			<table id="example" class="row-border hover order-column" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -68,16 +64,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -536,6 +522,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -560,7 +556,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -741,6 +737,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -750,14 +749,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -914,7 +910,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/index.html
+++ b/examples/api/index.html
@@ -3,15 +3,12 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<title>DataTables examples - API</title>
 </head>
 <body class="dt-example">
@@ -78,7 +75,7 @@
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/multi_filter.html
+++ b/examples/api/multi_filter.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Individual column searching (text inputs)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -17,14 +17,10 @@
 	}

 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -60,10 +56,10 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Individual column searching (text inputs)</span></h1>
 			<div class="info">
-				<p>The searching functionality that is provided by DataTables is very useful for quickly search through the information in the table - however the search is
-				global, and you may wish to present controls to search on specific columns only.</p>
+				<p>The searching functionality provided by DataTables is useful for quickly search through the information in the table - however the search is global, and you may
+				wish to present controls that search on specific columns.</p>
 				<p>DataTables has the ability to apply searching to a specific column through the <a href="//datatables.net/reference/api/column().search()"><code class="api"
-				title="DataTables API method">column().search()</code></a> method (note that the name of the method is <code>search</code> not <code>filter</code> since <a href=
+				title="DataTables API method">column().search()</code></a> method (note that the name of the method is <code>search</code> not <code>filter</code>, since <a href=
 				"//datatables.net/reference/api/filter()"><code class="api" title="DataTables API method">filter()</code></a> is used to apply a filter to a result set).</p>
 				<p>The column searches are cumulative, so you can apply multiple individual column searches, in addition to the global search, allowing complex searching options
 				to be presented to the user.</p>
@@ -73,7 +69,7 @@ $(document).ready(function() {
 				"DataTables API method">column()</code></a> method takes into account any hidden columns when selecting the column to act upon.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -84,16 +80,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -552,6 +538,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -588,7 +584,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -771,6 +767,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -780,14 +779,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -944,7 +940,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/multi_filter_select.html
+++ b/examples/api/multi_filter_select.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Individual column searching (select inputs)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -64,20 +60,20 @@ $(document).ready(function() {
 				and ordered elements. Finally the <code>change</code> event from the <code class="tag" title="HTML tag">select</code> input is used to trigger a column search
 				using the <a href="//datatables.net/reference/api/column().search()"><code class="api" title="DataTables API method">column().search()</code></a> method.</p>
 				<p>Note that the <a href="//datatables.net/reference/api/column().search()"><code class="api" title="DataTables API method">column().search()</code></a> method in
-				this particular case performs an exact match through the use of a custom regular expression and disabling DataTables built in smart searching. For more information
-				on the search options in DataTables API please refer to the documentation for <a href="//datatables.net/reference/api/search()"><code class="api" title=
+				this particular case performs an exact match through the use of a custom regular expression and disabling DataTables built-in smart searching. For more information
+				on the search options in DataTables API, please refer to the documentation for <a href="//datatables.net/reference/api/search()"><code class="api" title=
 				"DataTables API method">search()</code></a>, <a href="//datatables.net/reference/api/column().search()"><code class="api" title=
 				"DataTables API method">column().search()</code></a> and <a href="//datatables.net/reference/api/%24.fn.dataTable.util.escapeRegex()"><code class="api" title=
 				"DataTables API method">$.fn.dataTable.util.escapeRegex()</code></a> which are used for searching globally, by column and escaping regular expressions
 				respectively.</p>
-				<p>Note also that this example shows the use of <a href="//datatables.net/reference/option/initComplete"><code class="option" title=
-				"DataTables initialisation option">initComplete</code></a> a callback function that is triggered when the table has fully loaded. Use of this callback isn't
-				actually required in this example since the data is available in the table on load, but in the case of Ajax loaded data, <a href=
+				<p>Also note this example demonstrates the use of <a href="//datatables.net/reference/option/initComplete"><code class="option" title=
+				"DataTables initialisation option">initComplete</code></a>, a callback function triggered when the table has fully loaded. Use of this callback isn't required in
+				this example since the data is available in the table on load, but in the case of Ajax loaded data, <a href=
 				"//datatables.net/reference/option/initComplete"><code class="option" title="DataTables initialisation option">initComplete</code></a> is useful to execute code
 				after the data has been loaded.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -88,16 +84,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -556,6 +542,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -593,7 +589,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -772,6 +768,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -781,14 +780,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -945,7 +941,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/regex.html
+++ b/examples/api/regex.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Search API (regular expressions)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -125,7 +121,7 @@ $(document).ready(function() {
 					</tbody>
 				</table>
 			</div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -136,16 +132,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -604,6 +590,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -644,7 +640,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -823,6 +819,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -832,14 +831,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -996,7 +992,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/row_details.html
+++ b/examples/api/row_details.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Child rows (show extra / detailed information)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -19,14 +19,10 @@ tr.shown td.details-control {
 }

 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -93,17 +89,17 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Child rows (show extra / detailed information)</span></h1>
 			<div class="info">
-				<p>The DataTables API has a number of methods available for attaching child rows to a <em>parent</em> row in the DataTable. This can be used to show additional
-				information about a row, useful for cases where you wish to convey more information about a row than there is space for in the host table.</p>
+				<p>The DataTables API has a number of methods for attaching child rows to a <em>parent</em> row in the DataTable. This can be used to show additional information
+				about a row, useful for cases where you wish to convey more information about a row than there is space for in the host table.</p>
 				<p>The example below makes use of the <a href="//datatables.net/reference/api/row().child"><code class="api" title="DataTables API method">row().child</code></a>
-				methods to firstly check if a row is already displayed, and if so hide it (<a href="//datatables.net/reference/api/row().child.hide()"><code class="api" title=
+				methods to first check if a row is already displayed, and if so hide it (<a href="//datatables.net/reference/api/row().child.hide()"><code class="api" title=
 				"DataTables API method">row().child.hide()</code></a>), otherwise show it (<a href="//datatables.net/reference/api/row().child.show()"><code class="api" title=
-				"DataTables API method">row().child.show()</code></a>). The content of the child row is, in this example, defined by the <code>formatDetails()</code> function, but
-				you would replace that with whatever you wanted to show the content required, possibly including, for example, an Ajax call to the server to obtain the extra
-				information to show.</p>
+				"DataTables API method">row().child.show()</code></a>). The content of the child row in this example is defined by the <code>format()</code> function, but you
+				would replace that with whatever content you wanted to show, possibly including, for example, <a href="https://www.datatables.net/blog/2017-03-31">an Ajax call to
+				the server</a> to obtain any extra information.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th></th>
@@ -189,7 +185,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -374,6 +370,9 @@ tr.shown td.details-control {
 							<li>
 								<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>
 							</li>
@@ -383,14 +382,11 @@ tr.shown td.details-control {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -547,7 +543,7 @@ tr.shown td.details-control {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/select_row.html
+++ b/examples/api/select_row.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Row selection (multiple rows)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -42,17 +38,17 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Row selection (multiple rows)</span></h1>
 			<div class="info">
-				<p>It can be quite useful at times to provide the user with the option to select rows in a DataTable. This can be done by simply using a click event to add /
-				remove a class on the table rows. The <a href="//datatables.net/reference/api/rows().data()"><code class="api" title=
-				"DataTables API method">rows().data()</code></a> method can then be used to get the data for the selected rows. In this case it is simply counting the number of
-				selected rows, but much more complex interactions can easily be developed.</p>
-				<p>If you are looking for a more complete and easier to use row selection option, check out the <a href="https://datatables.net/extras/select">Select extension</a>
-				provides an API that is fully integrated with DataTables for selecting rows and acting upon those selected rows.</p>
+				<p>It can be useful to provide the user with the option to select rows in a DataTable. This can be done by using a click event to add / remove a class on the table
+				rows. The <a href="//datatables.net/reference/api/rows().data()"><code class="api" title="DataTables API method">rows().data()</code></a> method can then be used
+				to get the data for the selected rows. In this case it is simply counting the number of selected rows, but much more complex interactions can easily be
+				developed.</p>
+				<p>If you are looking for a more complete and easier to use row selection option, the <a href="https://datatables.net/extras/select">Select extension</a> provides
+				an API that is fully integrated with DataTables for selecting rows and acting upon that secletion.</p>
 			</div>
 			<div class="demo-html">
 				<button id="button">Row count</button>
 			</div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -63,16 +59,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -531,6 +517,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -555,7 +551,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -734,6 +730,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -743,14 +742,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -907,7 +903,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/select_single_row.html
+++ b/examples/api/select_single_row.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Row selection and deletion (single row)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -48,20 +44,19 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Row selection and deletion (single row)</span></h1>
 			<div class="info">
-				<p>This example shows a modification of the multiple row selection example, where just a single can now be selected. This is done simply by checking to see if the
-				row already has a selected class or not, and if so removing it, if not then the class is removed from any other row in the table which does have it and applied to
-				the row to be selected.</p>
+				<p>This example modifies the multiple row selection example by only allowing the selection of a single row. This is done by checking to see if the row already has
+				a selected class, and if so removing it, but if not then the class is removed from all other rows in the table and then applied to the row being selected.</p>
 				<p>Also shown is the <a href="//datatables.net/reference/api/row().remove()"><code class="api" title="DataTables API method">row().remove()</code></a> method which
-				will delete a row from a table, and the <a href="//datatables.net/reference/api/draw()"><code class="api" title="DataTables API method">draw()</code></a> method
-				with <code>false</code> as its first parameter. This will redraw the table keeping the current paging (without the <code>false</code> parameter the paging would be
+				deletes a row from a table, and the <a href="//datatables.net/reference/api/draw()"><code class="api" title="DataTables API method">draw()</code></a> method with
+				<code>false</code> as its first parameter. This will redraw the table keeping the current paging (without the <code>false</code> parameter the paging would be
 				reset to the first page).</p>
-				<p>If you are looking for a more complete and easier to use row selection option, check out the <a href="https://datatables.net/extras/select">Select extension</a>
-				provides an API that is fully integrated with DataTables for selecting rows and acting upon those selected rows.</p>
+				<p>If you are looking for a more complete and easier to use row selection option, the <a href="https://datatables.net/extras/select">Select extension</a> provides
+				an API that is fully integrated with DataTables for selecting rows and acting upon that selection.</p>
 			</div>
 			<div class="demo-html">
 				<button id="button">Delete selected row</button>
 			</div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -72,16 +67,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -540,6 +525,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -570,7 +565,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -749,6 +744,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -758,14 +756,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -922,7 +917,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/show_hide.html
+++ b/examples/api/show_hide.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Show / hide columns dynamically</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -49,12 +45,12 @@ $(document).ready(function() {
 			<div class="info">
 				<p>This example shows how you can make use of the <a href="//datatables.net/reference/api/column().visible()"><code class="api" title=
 				"DataTables API method">column().visible()</code></a> API method to dynamically show and hide columns in a table. Also included here is scrolling, just to show it
-				enabled with this API method, although that is not required for the API function to work.</p>
-				<p>In addition to this, groups of columns can be shown and hidden at the same time using the <a href="//datatables.net/reference/api/columns()"><code class="api"
-				title="DataTables API method">columns()</code></a> method to select multiple columns and then using the <a href=
+				enabled with this API method, although it's not required for the API function to work.</p>
+				<p>In addition, groups of columns can be shown and hidden at the same time using the <a href="//datatables.net/reference/api/columns()"><code class="api" title=
+				"DataTables API method">columns()</code></a> method to select multiple columns and then using the <a href=
 				"//datatables.net/reference/api/columns().visible()"><code class="api" title="DataTables API method">columns().visible()</code></a> method to set their state.</p>
-				<p>If you are looking for a more complete column visibility interaction controls, check out the <a href="https://datatables.net/extras/buttons">Buttons extension
-				for DataTables</a> provides a comprehensive module for column visibility control.</p>
+				<p>If you are looking for a more complete column visibility interaction controls, the <a href="https://datatables.net/extras/buttons">Buttons extension for
+				DataTables</a> provides a comprehensive module for column visibility control.</p>
 			</div>
 			<div class="demo-html">
 				<div>
@@ -63,7 +59,7 @@ $(document).ready(function() {
 					"5">Salary</a>
 				</div>
 			</div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -74,16 +70,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -542,6 +528,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -571,7 +567,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -750,6 +746,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -759,14 +758,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -923,7 +919,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/api/tabs_and_scrolling.html
+++ b/examples/api/tabs_and_scrolling.html
@@ -3,27 +3,21 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Scrolling and Bootstrap tabs</title>
-	<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+	<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/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">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/dataTables.bootstrap.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/dataTables.bootstrap.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -130,10 +124,10 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
-							<a href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js</a>
+							<a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -154,7 +148,8 @@ $(document).ready(function() {
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p>
 					<ul>
 						<li>
-							<a href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css</a>
+							<a href=
+							"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css</a>
 						</li>
 						<li>
 							<a href="../../media/css/dataTables.bootstrap.css">../../media/css/dataTables.bootstrap.css</a>
@@ -318,6 +313,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -327,14 +325,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -491,7 +486,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/alt_pagination.html
+++ b/examples/basic_init/alt_pagination.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Alternative pagination</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -46,7 +42,7 @@ $(document).ready(function() {
 					<li><code class="string" title="String">full_numbers</code> - 'First', 'Previous', 'Next' and 'Last' buttons, plus page numbers</li>
 					<li><code class="string" title="String">first_last_numbers</code> - 'First' and 'Last' buttons, plus page numbers</li>
 				</ul>
-				<p>The language strings of 'First', 'Previous' etc can be optionally through the internationalisation options of DataTables; <a href=
+				<p>The language strings of 'First', 'Previous' etc can be optionally changed through the internationalisation options of DataTables; <a href=
 				"//datatables.net/reference/option/language.paginate.first"><code class="option" title="DataTables initialisation option">language.paginate.first</code></a>,
 				<a href="//datatables.net/reference/option/language.paginate.previous"><code class="option" title=
 				"DataTables initialisation option">language.paginate.previous</code></a> etc.</p>
@@ -55,7 +51,7 @@ $(document).ready(function() {
 				<p>The example below shows the <code class="string" title="String">full_numbers</code> type of pagination.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -66,16 +62,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -534,6 +520,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -552,7 +548,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -731,6 +727,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -740,14 +739,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -904,7 +900,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/comma-decimal.html
+++ b/examples/basic_init/comma-decimal.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Language - Comma decimal place</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -51,7 +47,7 @@ $(document).ready(function() {
 				<p>The example below shows a comma being used as the decimal place in the currency numbers shown in the final column.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -62,16 +58,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -530,6 +516,16 @@ $(document).ready(function() {
 						<td>$112.000,00</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -551,7 +547,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -730,6 +726,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -739,14 +738,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -903,7 +899,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/complex_header.html
+++ b/examples/basic_init/complex_header.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Complex headers (rowspan and colspan)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -40,7 +36,7 @@ $(document).ready(function() {
 				<p>The example shown below has two sets of grouped information, grouped by colspan in the header.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th rowspan="2">Name</th>
@@ -55,16 +51,6 @@ $(document).ready(function() {
 						<th>E-mail</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Salary</th>
-						<th>Office</th>
-						<th>Extn.</th>
-						<th>E-mail</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -523,6 +509,16 @@ $(document).ready(function() {
 						<td>d.snider@datatables.net</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Salary</th>
+						<th>Office</th>
+						<th>Extn.</th>
+						<th>E-mail</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -539,7 +535,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -718,6 +714,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -727,14 +726,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -891,7 +887,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/dom.html
+++ b/examples/basic_init/dom.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - DOM positioning</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -89,7 +85,7 @@ $(document).ready(function() {
 				<code>div</code>.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -100,16 +96,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -568,6 +554,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -586,7 +582,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -765,6 +761,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -774,14 +773,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -938,7 +934,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/filter_only.html
+++ b/examples/basic_init/filter_only.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Feature enable / disable</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -36,12 +32,12 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Feature enable / disable</span></h1>
 			<div class="info">
-				<p>Disabling features that you don't wish to use for a particular table is easily done by setting a variable in the initialisation object. A full list of the
-				options that can be used is <a href="https://datatables.net/reference/option">available in the DataTables reference</a>.</p>
+				<p>Disabling features that you don't wish to use for a particular table is easily done by setting a variable in the initialisation object. The full list of
+				available options is <a href="https://datatables.net/reference/option">available in the DataTables reference</a>.</p>
 				<p>In the following example only the search feature is left enabled (which it is by default).</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -52,16 +48,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -520,6 +506,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -540,7 +536,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -719,6 +715,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -728,14 +727,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -892,7 +888,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/flexible_width.html
+++ b/examples/basic_init/flexible_width.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Flexible table width</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -15,14 +15,10 @@
 	}

 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -40,11 +36,11 @@ $(document).ready(function() {
 				presents a problem for Javascript since it can be very hard to get that relative size rather than the absolute pixels. As such, if you apply the <code>width</code>
 				attribute to the HTML table tag or inline width style (<code>style="width:100%"</code>), it will be used as the width for the table (overruling any CSS
 				styles).</p>
-				<p>This example shows a table with <code>width="100%"</code> and the container is also flexible width, so as the window is resized, the table will also resize
+				<p>This example shows a table with <code>width="80%"</code> and the container is also flexible width, so as the window is resized, the table will also resize
 				dynamically.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -55,16 +51,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -523,6 +509,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -539,7 +535,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -720,6 +716,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -729,14 +728,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -893,7 +889,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/hidden_columns.html
+++ b/examples/basic_init/hidden_columns.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Hidden columns</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -55,7 +51,7 @@ $(document).ready(function() {
 				<p>In the table below both the office and age version columns have been hidden, the former is not searchable, the latter is.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -66,16 +62,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -534,6 +520,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -562,7 +558,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -741,6 +737,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -750,14 +749,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -914,7 +910,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/index.html
+++ b/examples/basic_init/index.html
@@ -3,15 +3,12 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<title>DataTables examples - Basic initialisation</title>
 </head>
 <body class="dt-example">
@@ -19,7 +16,7 @@
 		<section>
 			<h1>DataTables example <span>Basic initialisation</span></h1>
 			<div class="info">
-				<p>DataTables is very simple to use as a jQuery plug-in with a huge range of customisable option. The examples in this section demonstrate basic initialisation of
+				<p>DataTables is a simple-to-use jQuery plug-in with a huge range of customisable options. The examples in this section demonstrate basic initialisation of
 				DataTables and how it can be easily customised by passing an object with the options you want.</p>
 			</div>
 		</section>
@@ -90,7 +87,7 @@
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/language.html
+++ b/examples/basic_init/language.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Language options</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -42,10 +38,10 @@ $(document).ready(function() {
 			<div class="info">
 				<p>Changing the language information displayed by DataTables is as simple as passing in a <a href="//datatables.net/reference/option/language"><code class="option"
 				title="DataTables initialisation option">language</code></a> object to the DataTable constructor.</p>
-				<p>The example above shows a different set of English string being used, rather than the defaults.</p>
+				<p>This example shows a different set of English string being used, rather than the defaults.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -56,16 +52,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -524,6 +510,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -548,7 +544,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -727,6 +723,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -736,14 +735,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -900,7 +896,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/multi_col_sort.html
+++ b/examples/basic_init/multi_col_sort.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Multi-column ordering</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -62,7 +58,7 @@ $(document).ready(function() {
 				directly to the first and the salary column to the first name column.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -500,7 +496,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -679,6 +675,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -688,14 +687,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -852,7 +848,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/multiple_tables.html
+++ b/examples/basic_init/multiple_tables.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Multiple tables</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -15,14 +15,10 @@
 	}

 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -45,7 +41,7 @@ $(document).ready(function() {
 				which have the class of <code>table.display</code> (which is suitable in this example, you might wish to use a different selector).</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="" class="display" cellspacing="0" width="100%">
+			<table id="" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -55,15 +51,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -129,17 +116,6 @@ $(document).ready(function() {
 						<td>$183,000</td>
 					</tr>
 				</tbody>
-			</table>
-			<table id="" class="display" cellspacing="0" width="100%">
-				<thead>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Salary</th>
-					</tr>
-				</thead>
 				<tfoot>
 					<tr>
 						<th>Name</th>
@@ -149,6 +125,17 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</tfoot>
+			</table>
+			<table id="" class="display" style="width:100%">
+				<thead>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Salary</th>
+					</tr>
+				</thead>
 				<tbody>
 					<tr>
 						<td>Jena Gaines</td>
@@ -235,6 +222,15 @@ $(document).ready(function() {
 						<td>$103,500</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -251,7 +247,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -432,6 +428,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -441,14 +440,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -605,7 +601,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/scroll_x.html
+++ b/examples/basic_init/scroll_x.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Scroll - horizontal</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -16,14 +16,10 @@
 	}

 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -47,7 +43,7 @@ $(document).ready(function() {
 				also set to have the text content of each row on a single line (otherwise the browser will line break the text to have it fit into the available area).</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display nowrap" cellspacing="0" width="100%">
+			<table id="example" class="display nowrap" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -708,7 +704,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -890,6 +886,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -899,14 +898,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -1063,7 +1059,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/scroll_xy.html
+++ b/examples/basic_init/scroll_xy.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Scroll - horizontal and vertical</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -16,14 +16,10 @@
 	}

 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -44,7 +40,7 @@ $(document).ready(function() {
 				the scrolling accounts for this.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display nowrap" cellspacing="0" width="100%">
+			<table id="example" class="display nowrap" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -706,7 +702,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -888,6 +884,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -897,14 +896,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -1061,7 +1057,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/scroll_y.html
+++ b/examples/basic_init/scroll_y.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Scroll - vertical</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -48,7 +44,7 @@ $(document).ready(function() {
 				"DataTables initialisation option">scrollY</code></a>.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -59,16 +55,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -527,6 +513,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -547,7 +543,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -726,6 +722,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -735,14 +734,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -899,7 +895,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/scroll_y_dynamic.html
+++ b/examples/basic_init/scroll_y_dynamic.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Scroll - vertical, dynamic height</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -44,7 +40,7 @@ $(document).ready(function() {
 				<code>vh</code> unit and all other evergreen browsers.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -55,16 +51,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -523,6 +509,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -543,7 +539,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -722,6 +718,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -731,14 +730,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -895,7 +891,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/state_save.html
+++ b/examples/basic_init/state_save.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - State saving</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -49,7 +45,7 @@ $(document).ready(function() {
 				"DataTables initialisation option">stateSave</code></a> option.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -60,16 +56,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -528,6 +514,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -546,7 +542,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -725,6 +721,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -734,14 +733,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -898,7 +894,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/table_sorting.html
+++ b/examples/basic_init/table_sorting.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Default ordering (sorting)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -44,7 +40,7 @@ $(document).ready(function() {
 				<p>The table below is ordered (descending) by the Age column.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -55,16 +51,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -523,6 +509,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -541,7 +537,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -720,6 +716,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -729,14 +728,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -893,7 +889,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/basic_init/zero_configuration.html
+++ b/examples/basic_init/zero_configuration.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Zero configuration</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -39,7 +35,7 @@ $(document).ready(function() {
 				<p>Searching, ordering and paging goodness will be immediately added to the table, as shown in this example.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -50,16 +46,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -518,6 +504,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -534,7 +530,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -713,6 +709,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -722,14 +721,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -886,7 +882,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/data_sources/ajax.html
+++ b/examples/data_sources/ajax.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Ajax sourced data</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -46,7 +42,7 @@ $(document).ready(function() {
 				"//datatables.net/reference/option/columns.data"><code class="option" title="DataTables initialisation option">columns.data</code></a> option ).</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -85,7 +81,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -264,6 +260,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -273,14 +272,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -437,7 +433,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/data_sources/dom.html
+++ b/examples/data_sources/dom.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - HTML (DOM) sourced data</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -37,10 +33,10 @@ $(document).ready(function() {
 				<p>The foundation for DataTables is progressive enhancement, so it is very adept at reading table information directly from the DOM. This example shows how easy it
 				is to add searching, ordering and paging to your HTML table by simply running DataTables on it.</p>
 				<p>For further and more complex examples of using DataTables with DOM sourced data, please refer to the <a href="../basic_init">basic initialisation</a> and
-				<a href="../advanced_init">advanced</a> examples.</p>
+				<a href="../advanced_init">advanced initialisation</a> examples.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -51,16 +47,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -519,6 +505,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -535,7 +531,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -714,6 +710,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -723,14 +722,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -887,7 +883,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/data_sources/index.html
+++ b/examples/data_sources/index.html
@@ -3,15 +3,12 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<title>DataTables examples - Data sources</title>
 </head>
 <body class="dt-example">
@@ -26,8 +23,8 @@
 					<li>Ajax sourced data with client-side processing</li>
 					<li>Ajax sourced data with server-side processing</li>
 				</ul>
-				<p>Which of these options is used to populate the table with data depends upon how the table is initialised. The examples in this section show these four different
-				data source types.</p>
+				<p>Which of these options is used to populate the table data depends upon how the table is initialised. The examples in this section show these four different data
+				source types.</p>
 			</div>
 		</section>
 	</div>
@@ -58,7 +55,7 @@
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/data_sources/js_array.html
+++ b/examples/data_sources/js_array.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Javascript sourced data</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -158,7 +154,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -337,6 +333,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -346,14 +345,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -510,7 +506,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/data_sources/server_side.html
+++ b/examples/data_sources/server_side.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Server-side processing</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -47,7 +43,7 @@ $(document).ready(function() {
 				using server-side processing, please refer to the <a href="../server_side">server-side processing</a> examples.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -88,7 +84,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -267,6 +263,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -276,14 +275,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -440,7 +436,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/index.html
+++ b/examples/index.html
@@ -3,15 +3,12 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<link rel="stylesheet" type="text/css" href="./resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="./resources/demo.css">
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="./resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="./resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="./resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="./resources/demo.js"></script>
 	<title>DataTables examples - Examples index</title>
 </head>
 <body class="dt-example">
@@ -169,6 +166,9 @@
 							<li>
 								<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>
 							</li>
@@ -178,14 +178,11 @@
 							<li>
 								<a href="./styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="./styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="./styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="./styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="./styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -342,7 +339,7 @@
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/plug-ins/api.html
+++ b/examples/plug-ins/api.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - API plug-in methods</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -57,7 +53,7 @@ $(document).ready(function() {
 			<div class="info">
 				<p>The DataTables API is designed to be fully extensible, with custom functions being very easy to add using the <code>$.fn.dataTable.Api.register</code> function.
 				This function takes two arguments; the first being the name of the method to be added and its chaining hierarchy, and the second the function itself.</p>
-				<p>This example shows how a <code>sum()</code> method can easily be added to the Api so you can get the sum of a column in a single line:
+				<p>This example shows how a <code>sum()</code> method can easily be added to the API so you can get the sum of a column in a single line:
 				<code>table.column().data().sum()</code>. Due to the chaining of the methods, this allows <code>sum()</code> to very easily give the sum for any selected column,
 				and to limit the sum to just the current page, filtered data or all pages. This is done using the options for the <a href=
 				"//datatables.net/reference/api/column()"><code class="api" title="DataTables API method">column()</code></a> method and the options for its selectors.</p>
@@ -66,7 +62,7 @@ $(document).ready(function() {
 			<div class="demo-html">
 				<div id="demo"></div>
 			</div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -77,16 +73,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -545,6 +531,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -582,7 +578,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -761,6 +757,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -770,14 +769,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -934,7 +930,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/plug-ins/dom_sort.html
+++ b/examples/plug-ins/dom_sort.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Live DOM ordering</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -74,19 +70,19 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Live DOM ordering</span></h1>
 			<div class="info">
-				<p>This example shows how you can use information available in the DOM to order columns. Typically DataTables will read information to be ordered during it's
+				<p>This example shows how you can use information available in the DOM to order columns. Typically DataTables will read information to be ordered during its
 				initialisation phase, and this will not be updated based on user interaction, so ordering on columns which have, for example, form elements in them, may not
 				reflect the current value of the input. To overcome this problem, you must update the data that DataTables will order on, just prior to the order. This method is
 				much more efficient than actually ordering using the DOM, since only one DOM query is needed for each cell to be ordered.</p>
-				<p>The example below shows the first two columns as normal text with ordering as you would expect. The following columns all have a form input element of different
+				<p>The example below shows the first column as normal text with ordering as you would expect. The following columns all have a form input element of different
 				kinds, and the information contained within is what DataTables will perform the order on, based on the value at the time of the order.</p>
-				<p>This is a fairly simple example, but it you aren't constrained to just using form input elements, you could use anything and customise your DOM queries to suit
-				yourself. You could also update the ordering live as a user in entered data into a form using an event handler calling <a href=
+				<p>This is a fairly simple example, but you aren't constrained to just using form input elements, you could use anything and customise your DOM queries to suit
+				yourself. You could also update the ordering live as a user enters data into a form by using an event handler calling <a href=
 				"//datatables.net/reference/api/order()"><code class="api" title="DataTables API method">order()</code></a> or <a href=
 				"//datatables.net/reference/api/draw()"><code class="api" title="DataTables API method">draw()</code></a> methods.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -95,14 +91,6 @@ $(document).ready(function() {
 						<th>Office</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Age</th>
-						<th>Position</th>
-						<th>Office</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -1359,6 +1347,14 @@ $(document).ready(function() {
 						</select></td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Age</th>
+						<th>Position</th>
+						<th>Office</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -1415,7 +1411,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -1594,6 +1590,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -1603,14 +1602,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -1767,7 +1763,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/plug-ins/index.html
+++ b/examples/plug-ins/index.html
@@ -3,15 +3,12 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<title>DataTables examples - Plug-ins</title>
 </head>
 <body class="dt-example">
@@ -56,7 +53,7 @@
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/plug-ins/range_filtering.html
+++ b/examples/plug-ins/range_filtering.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Custom filtering - range search</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -57,8 +53,8 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Custom filtering - range search</span></h1>
 			<div class="info">
-				<p>There may be occasions when you wish to search data presented to the end user in your own manner, common examples are number range search (in between two
-				numbers) and date range search. DataTables provide an API method to add your own search functions, <code>$.fn.dataTable.ext.search</code>. This is an array of
+				<p>There may be occasions when you wish to search data presented to the end user in your own manner, common examples are number range searches (in between two
+				numbers) and date range searches. DataTables provides an API method to add your own search functions, <code>$.fn.dataTable.ext.search</code>. This is an array of
 				functions (push your own onto it) which will will be run at table draw time to see if a particular row should be included or not.</p>
 				<p>This example shows a search being performed on the age column in the data, based upon two inputs.</p>
 			</div>
@@ -74,7 +70,7 @@ $(document).ready(function() {
 					</tr>
 				</table>
 			</div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -85,16 +81,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -553,6 +539,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -592,7 +588,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -771,6 +767,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -780,14 +779,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -944,7 +940,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/plug-ins/sorting_auto.html
+++ b/examples/plug-ins/sorting_auto.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Ordering plug-ins (with type detection)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -52,16 +48,15 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Ordering plug-ins (with type detection)</span></h1>
 			<div class="info">
-				<p>Although DataTables will automatically order data from a number of different data types using the built in methods, When dealing with more complex formatted
-				data, it can be desirable to define the ordering order yourself. Using plug-in ordering functions, you have have DataTables sort data in any manner you wish.</p>
+				<p>Although DataTables will automatically order data from a number of different data types using the built in methods, when dealing with more complex formatted
+				data, it can be desirable to define the ordering order yourself. Using plug-in ordering functions, you can have DataTables sort data in any manner you wish.</p>
 				<p>Formatted data of a particular kind can be automatically detected and a suitable ordering plug-in assigned to it by making use of DataTables' plug-in type
-				detection abilities. For complete information about type detection and ordering plug-ins; creating them and their requirements, please refer to the plug-in
-				development documentation.</p>
+				detection abilities. For more information about ordering plug-ins, creating them and their requirements, please refer to the plug-in development documentation.</p>
 				<p>This example shows ordering with using an enumerated type.</p>
 				<p>A wide variety of ready made ordering plug-ins can be found on <a href="//datatables.net/plug-ins/sorting">the DataTables plug-ins page</a>.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -72,16 +67,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -540,6 +525,16 @@ $(document).ready(function() {
 						<td>Low</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -574,7 +569,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -753,6 +748,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -762,14 +760,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -926,7 +921,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/plug-ins/sorting_manual.html
+++ b/examples/plug-ins/sorting_manual.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Ordering plug-ins (no type detection)</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -48,18 +44,18 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Ordering plug-ins (no type detection)</span></h1>
 			<div class="info">
-				<p>Although DataTables will order a number of data types using the built in methods, When dealing with more complex formatted data, it can be desirable to define
-				the ordering order yourself. Using plug-in ordering functions, you have have DataTables order data in any manner you wish.</p>
+				<p>Although DataTables will order a number of data types using the built in methods, when dealing with more complex formatted data, it can be desirable to define
+				the ordering order yourself. Using plug-in ordering functions, you can have DataTables order data in any manner you wish.</p>
 				<p>This is done by using the <a href="//datatables.net/reference/option/columns.type"><code class="option" title=
-				"DataTables initialisation option">columns.type</code></a> parameter, in combination with a ordering plug-in. The ordering plug-in can be be of any level of
+				"DataTables initialisation option">columns.type</code></a> parameter, in combination with a ordering plug-in. The ordering plug-in can be of any level of
 				complexity (natural ordering for example can be fairly complex while also very powerful), and is defined by attaching to the
-				<code>$.fn.dataTable.ext.type.order</code> object. For more information about ordering plug-ins; creating them and their requirements, please refer to the plug-in
+				<code>$.fn.dataTable.ext.type.order</code> object. For more information about ordering plug-ins, creating them and their requirements, please refer to the plug-in
 				development documentation.</p>
 				<p>This example shows ordering with using an enumerated type.</p>
 				<p>A wide variety of ready made ordering plug-ins can be found on <a href="//datatables.net/plug-ins/sorting">the DataTables plug-ins page</a>.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -70,16 +66,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -538,6 +524,16 @@ $(document).ready(function() {
 						<td>Low</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -568,7 +564,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -747,6 +743,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -756,14 +755,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -920,7 +916,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/resources/demo.js
+++ b/examples/resources/demo.js
@@ -94,7 +94,7 @@ if ( window.$ ) {
 				}

 				if ( settings.oFeatures.bServerSide ) {
-					if ( $.isFunction( settings.ajax ) ) {
+					if ( typeof settings.ajax === 'function' ) {
 						return;
 					}
 					$.ajax( {
--- a/examples/resources/examples.php
+++ b/examples/resources/examples.php
@@ -1,8 +1,12 @@
 <?php

-if ( isset( $_POST['src'] ) && preg_match( '/^scripts\/[a-zA-Z_\-_]+\.php$/', $_POST['src'] ) !== 0 ) {
+if ( isset( $_POST['src'] ) && (
+	preg_match( '/^scripts\/[a-zA-Z_\-_]+\.php$/', $_POST['src'] ) !== 0 ||
+	preg_match( '/^\.\.\/server_side\/scripts\/[a-zA-Z_\-_]+\.php$/', $_POST['src'] ) !== 0
+) ) {
 	echo htmlspecialchars( file_get_contents( '../server_side/'.$_POST['src'] ) );
 }
+
 else {
 	echo '';
 }
--- a/examples/server_side/custom_vars.html
+++ b/examples/server_side/custom_vars.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Custom HTTP variables</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -55,7 +51,7 @@ $(document).ready(function() {
 				function.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -103,7 +99,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -282,6 +278,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -291,14 +290,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -455,7 +451,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/server_side/defer_loading.html
+++ b/examples/server_side/defer_loading.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Deferred loading of data</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -46,10 +42,10 @@ $(document).ready(function() {
 				to be displayed correctly).</p>
 				<p>In the example below, the HTML page already has the first 10 rows of data available it in, so we use <a href=
 				"//datatables.net/reference/option/deferLoading"><code class="option" title="DataTables initialisation option">deferLoading</code></a> to tell DataTables that this
-				data is available and that it should wait for under interaction (ordering, paging etc) before making an Ajax call.</p>
+				data is available and that it should wait for user interaction (ordering, paging etc) before making an Ajax call.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -60,16 +56,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>First name</th>
-						<th>Last name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tr class="odd">
 					<td>Airi</td>
 					<td>Satou</td>
@@ -150,6 +136,16 @@ $(document).ready(function() {
 					<td>29th Mar 12</td>
 					<td>$433,060</td>
 				</tr>
+				<tfoot>
+					<tr>
+						<th>First name</th>
+						<th>Last name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -171,7 +167,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -350,6 +346,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -359,14 +358,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -523,7 +519,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/server_side/ids.html
+++ b/examples/server_side/ids.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Automatic addition of row ID attributes</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -53,7 +49,7 @@ $(document).ready(function() {
 				<p>This example below shows <code>DT_RowId</code> being used to add information to the table. In addition objects are used as the data source for the rows.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -102,7 +98,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -281,6 +277,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -290,14 +289,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -454,7 +450,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/server_side/index.html
+++ b/examples/server_side/index.html
@@ -3,15 +3,12 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<title>DataTables examples - Server-side processing</title>
 </head>
 <body class="dt-example">
@@ -20,13 +17,13 @@
 			<h1>DataTables example <span>Server-side processing</span></h1>
 			<div class="info">
 				<p>There are many ways to get your data into DataTables, and if you are working with seriously large databases, you might want to consider using the server-side
-				options that DataTables provides. With server-side processing enabled, all paging, searching, ordering etc actions that DataTables performs are handed off to a
-				server where an SQL engine (or similar) can perform these actions on the large data set (after all, that's what the database engine is designed for!). As such,
-				each draw of the table will result in a new Ajax request being made to get the required data.</p>
+				options that DataTables provides. With server-side processing enabled, all actions that DataTables performs (such as paging, searching and ordering) are handed off
+				to a server where an SQL engine (or similar) can perform these actions on the large data set (after all, that's what the database engine is designed for!). As
+				such, each draw of the table will result in a new Ajax request to get the required data.</p>
 				<p>Server-side processing is enabled by setting the <a href="//datatables.net/reference/option/serverSide"><code class="option" title=
 				"DataTables initialisation option">serverSide</code></a> option to <code>true</code> and providing an Ajax data source through the <a href=
 				"//datatables.net/reference/option/ajax"><code class="option" title="DataTables initialisation option">ajax</code></a> option.</p>
-				<p>The examples in this section shows server-side processing in use and how it can be customised to suit your needs.</p>
+				<p>The examples in this section show server-side processing in use and how it can be customised to suit your needs.</p>
 			</div>
 		</section>
 	</div>
@@ -75,7 +72,7 @@
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/server_side/jsonp.html
+++ b/examples/server_side/jsonp.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - JSONP data source for remote domains</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -51,7 +47,7 @@ $(document).ready(function() {
 				used with the <code>dataType</code> option set to retrieve JSONP data for server-side processing in DataTables.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -95,7 +91,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -274,6 +270,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -283,14 +282,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -447,7 +443,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/server_side/object_data.html
+++ b/examples/server_side/object_data.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Object data source</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -52,7 +48,7 @@ $(document).ready(function() {
 				column.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -101,7 +97,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -280,6 +276,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -289,14 +288,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -453,7 +449,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/server_side/pipeline.html
+++ b/examples/server_side/pipeline.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Pipelining data to reduce Ajax calls for paging</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -85,7 +81,7 @@ $.fn.dataTable.pipeline = function ( opts ) {
 			request.length = requestLength*conf.pages;

 			// Provide the same `data` options as DataTables.
-			if ( $.isFunction ( conf.data ) ) {
+			if ( typeof conf.data === 'function' ) {
 				// As a function it is executed with the data object as an arg
 				// for manipulation. If an object is returned, it is used as the
 				// data object to submit
@@ -172,7 +168,7 @@ $(document).ready(function() {
 				when using server-side processing, is only available at the server.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -266,7 +262,7 @@ $.fn.dataTable.pipeline = function ( opts ) {
 			request.length = requestLength*conf.pages;

 			// Provide the same `data` options as DataTables.
-			if ( $.isFunction ( conf.data ) ) {
+			if ( typeof conf.data === 'function' ) {
 				// As a function it is executed with the data object as an arg
 				// for manipulation. If an object is returned, it is used as the
 				// data object to submit
@@ -336,7 +332,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -515,6 +511,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -524,14 +523,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -688,7 +684,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/server_side/post.html
+++ b/examples/server_side/post.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - POST data</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -59,7 +55,7 @@ $(document).ready(function() {
 				used with the <code>type</code> option set to <code class="string" title="String">POST</code> to make a POST request.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -111,7 +107,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -290,6 +286,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -299,14 +298,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -463,7 +459,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/server_side/row_details.html
+++ b/examples/server_side/row_details.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Row details</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -19,14 +19,10 @@ tr.details td.details-control {
 }

 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -114,7 +110,7 @@ $(document).ready(function() {
 				in server-side processing mode rows are automatically destroyed and recreated on each draw.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th></th>
@@ -205,7 +201,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -390,6 +386,9 @@ tr.details td.details-control {
 							<li>
 								<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>
 							</li>
@@ -399,14 +398,11 @@ tr.details td.details-control {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -563,7 +559,7 @@ tr.details td.details-control {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/server_side/scripts/firebird.sql
+++ b/examples/server_side/scripts/firebird.sql
@@ -0,0 +1,73 @@
+	--
+	-- DataTables Ajax and server-side processing database (Oracle)
+	--
+	CREATE TABLE "datatables_demo" (
+		"id"         integer generated by default as identity primary key,
+		"first_name" varchar(250) default '' not null,
+		"last_name"  varchar(250) default '' not null,
+		"position"   varchar(250) default '' not null,
+		"email"      varchar(250) default '' not null,
+		"office"     varchar(250) default '' not null,
+		"start_date" timestamp default NULL,
+		"age"        int,
+		"salary"     int,
+		"seq"        int,
+		"extn"       varchar(8) default '' not null
+	);
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Tiger', 'Nixon', 61, 'System Architect', 320800, '25.Apr.2011', 5421, 't.nixon@datatables.net', 'Edinburgh', 2 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Garrett', 'Winters', 63, 'Accountant', 170750, '25.Jul.2011', 8422, 'g.winters@datatables.net', 'Tokyo', 22 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Ashton', 'Cox', 66, 'Junior Technical Author', 86000, '12.Jan.2009', 1562, 'a.cox@datatables.net', 'San Francisco', 6 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Cedric', 'Kelly', 22, 'Senior Javascript Developer', 433060, '29.Mar.2012', 6224, 'c.kelly@datatables.net', 'Edinburgh', 41 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Airi', 'Satou', 33, 'Accountant', 162700, '28.Nov.2008', 5407, 'a.satou@datatables.net', 'Tokyo', 55 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Brielle', 'Williamson', 61, 'Integration Specialist', 372000, '02.Dec.2012', 4804, 'b.williamson@datatables.net', 'New York', 21 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Herrod', 'Chandler', 59, 'Sales Assistant', 137500, '06.Aug.2012', 9608, 'h.chandler@datatables.net', 'San Francisco', 46 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Rhona', 'Davidson', 55, 'Integration Specialist', 327900, '14.Oct.2010', 6200, 'r.davidson@datatables.net', 'Tokyo', 50 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Colleen', 'Hurst', 39, 'Javascript Developer', 205500, '15.Sep.2009', 2360, 'c.hurst@datatables.net', 'San Francisco', 26 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Sonya', 'Frost', 23, 'Software Engineer', 103600, '13.Dec.2008', 1667, 's.frost@datatables.net', 'Edinburgh', 18 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Jena', 'Gaines', 30, 'Office Manager', 90560, '19.Dec.2008', 3814, 'j.gaines@datatables.net', 'London', 13 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Quinn', 'Flynn', 22, 'Support Lead', 342000, '03.Mar.2013', 9497, 'q.flynn@datatables.net', 'Edinburgh', 23 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Charde', 'Marshall', 36, 'Regional Director', 470600, '16.Oct.2008', 6741, 'c.marshall@datatables.net', 'San Francisco', 14 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Haley', 'Kennedy', 43, 'Senior Marketing Designer', 313500, '18.Dec.2012', 3597, 'h.kennedy@datatables.net', 'London', 12 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Tatyana', 'Fitzpatrick', 19, 'Regional Director', 385750, '17.Mar.2010', 1965, 't.fitzpatrick@datatables.net', 'London', 54 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Michael', 'Silva', 66, 'Marketing Designer', 198500, '27.Nov.2012', 1581, 'm.silva@datatables.net', 'London', 37 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Paul', 'Byrd', 64, 'Chief Financial Officer (CFO)', 725000, '09.Jun.2010', 3059, 'p.byrd@datatables.net', 'New York', 32 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Gloria', 'Little', 59, 'Systems Administrator', 237500, '10.Apr.2009', 1721, 'g.little@datatables.net', 'New York', 35 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Bradley', 'Greer', 41, 'Software Engineer', 132000, '13.Oct.2012', 2558, 'b.greer@datatables.net', 'London', 48 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Dai', 'Rios', 35, 'Personnel Lead', 217500, '26.Sep.2012', 2290, 'd.rios@datatables.net', 'Edinburgh', 45 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Jenette', 'Caldwell', 30, 'Development Lead', 345000, '03.Sep.2011', 1937, 'j.caldwell@datatables.net', 'New York', 17 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Yuri', 'Berry', 40, 'Chief Marketing Officer (CMO)', 675000, '25.Jun.2009', 6154, 'y.berry@datatables.net', 'New York', 57 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Caesar', 'Vance', 21, 'Pre-Sales Support', 106450, '12.Dec.2011', 8330, 'c.vance@datatables.net', 'New York', 29 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Doris', 'Wilder', 23, 'Sales Assistant', 85600, '20.Sep.2010', 3023, 'd.wilder@datatables.net', 'Sidney', 56 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Angelica', 'Ramos', 47, 'Chief Executive Officer (CEO)', 1200000, '09.Oct.2009', 5797, 'a.ramos@datatables.net', 'London', 36 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Gavin', 'Joyce', 42, 'Developer', 92575, '22.Dec.2010', 8822, 'g.joyce@datatables.net', 'Edinburgh', 5 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Jennifer', 'Chang', 28, 'Regional Director', 357650, '14.Nov.2010', 9239, 'j.chang@datatables.net', 'Singapore', 51 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Brenden', 'Wagner', 28, 'Software Engineer', 206850, '07.Jun.2011', 1314, 'b.wagner@datatables.net', 'San Francisco', 20 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Fiona', 'Green', 48, 'Chief Operating Officer (COO)', 850000, '11.Mar.2010', 2947, 'f.green@datatables.net', 'San Francisco', 7 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Shou', 'Itou', 20, 'Regional Marketing', 163000, '14.Aug.2011', 8899, 's.itou@datatables.net', 'Tokyo', 1 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Michelle', 'House', 37, 'Integration Specialist', 95400, '02.Jun.2011', 2769, 'm.house@datatables.net', 'Sidney', 39 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Suki', 'Burks', 53, 'Developer', 114500, '22.Oct.2009', 6832, 's.burks@datatables.net', 'London', 40 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Prescott', 'Bartlett', 27, 'Technical Author', 145000, '07.May.2011', 3606, 'p.bartlett@datatables.net', 'London', 47 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Gavin', 'Cortez', 22, 'Team Leader', 235500, '26.Oct.2008', 2860, 'g.cortez@datatables.net', 'San Francisco', 52 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Martena', 'Mccray', 46, 'Post-Sales support', 324050, '09.Mar.2011', 8240, 'm.mccray@datatables.net', 'Edinburgh', 8 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Unity', 'Butler', 47, 'Marketing Designer', 85675, '09.Dec.2009', 5384, 'u.butler@datatables.net', 'San Francisco', 24 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Howard', 'Hatfield', 51, 'Office Manager', 164500, '16.Dec.2008', 7031, 'h.hatfield@datatables.net', 'San Francisco', 38 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Hope', 'Fuentes', 41, 'Secretary', 109850, '12.Feb.2010', 6318, 'h.fuentes@datatables.net', 'San Francisco', 53 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Vivian', 'Harrell', 62, 'Financial Controller', 452500, '14.Feb.2009', 9422, 'v.harrell@datatables.net', 'San Francisco', 30 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Timothy', 'Mooney', 37, 'Office Manager', 136200, '11.Dec.2008', 7580, 't.mooney@datatables.net', 'London', 28 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Jackson', 'Bradshaw', 65, 'Director', 645750, '26.Sep.2008', 1042, 'j.bradshaw@datatables.net', 'New York', 34 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Olivia', 'Liang', 64, 'Support Engineer', 234500, '03.Feb.2011', 2120, 'o.liang@datatables.net', 'Singapore', 4 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Bruno', 'Nash', 38, 'Software Engineer', 163500, '03.May.2011', 6222, 'b.nash@datatables.net', 'London', 3 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Sakura', 'Yamamoto', 37, 'Support Engineer', 139575, '19.Aug.2009', 9383, 's.yamamoto@datatables.net', 'Tokyo', 31 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Thor', 'Walton', 61, 'Developer', 98540, '11.Aug.2013', 8327, 't.walton@datatables.net', 'New York', 11 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Finn', 'Camacho', 47, 'Support Engineer', 87500, '07.Jul.2009', 2927, 'f.camacho@datatables.net', 'San Francisco', 10 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Serge', 'Baldwin', 64, 'Data Coordinator', 138575, '09.Apr.2012', 8352, 's.baldwin@datatables.net', 'Singapore', 44 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Zenaida', 'Frank', 63, 'Software Engineer', 125250, '04.Jan.2010', 7439, 'z.frank@datatables.net', 'New York', 42 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Zorita', 'Serrano', 56, 'Software Engineer', 115000, '01.Jun.2012', 4389, 'z.serrano@datatables.net', 'San Francisco', 27 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Jennifer', 'Acosta', 43, 'Junior Javascript Developer', 75650, '01.Feb.2013', 3431, 'j.acosta@datatables.net', 'Edinburgh', 49 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Cara', 'Stevens', 46, 'Sales Assistant', 145600, '06.Dec.2011', 3990, 'c.stevens@datatables.net', 'New York', 15 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Hermione', 'Butler', 47, 'Regional Director', 356250, '21.Mar.2011', 1016, 'h.butler@datatables.net', 'London', 9 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Lael', 'Greer', 21, 'Systems Administrator', 103500, '27.Feb.2009', 6733, 'l.greer@datatables.net', 'London', 25 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Jonas', 'Alexander', 30, 'Developer', 86500, '14.Jul.2010', 8196, 'j.alexander@datatables.net', 'San Francisco', 33 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Shad', 'Decker', 51, 'Regional Director', 183000, '13.Nov.2008', 6373, 's.decker@datatables.net', 'Edinburgh', 43 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Michael', 'Bruce', 29, 'Javascript Developer', 183000, '27.Jun.2011', 5384, 'm.bruce@datatables.net', 'Singapore', 16 );
+INSERT INTO "datatables_demo" ( "first_name", "last_name", "age", "position", "salary", "start_date", "extn", "email", "office", "seq" ) VALUES ( 'Donna', 'Snider', 27, 'Customer Support', 112000, '25.Jan.2011', 4226, 'd.snider@datatables.net', 'New York', 19 );
--- a/examples/server_side/scripts/oracle.sql
+++ b/examples/server_side/scripts/oracle.sql
@@ -8,16 +8,16 @@ END;

 CREATE TABLE datatables_demo (
 	id INT PRIMARY KEY NOT NULL,
-	first_name VARCHAR(250),
-	last_name  VARCHAR(250),
-	position   VARCHAR(250),
-	email      VARCHAR(250),
-	office     VARCHAR(250),
+	first_name NVARCHAR2(250),
+	last_name  NVARCHAR2(250),
+	position   NVARCHAR2(250),
+	email      NVARCHAR2(250),
+	office     NVARCHAR2(250),
 	start_date DATE,
 	age        INT,
 	salary     INT,
 	seq        INT,
-	extn       VARCHAR(8)
+	extn       NVARCHAR2(8)
 );

 CREATE SEQUENCE datatables_demo_seq;
--- a/examples/server_side/scripts/ssp.class.php
+++ b/examples/server_side/scripts/ssp.class.php
@@ -17,7 +17,7 @@


 // REMOVE THIS BLOCK - used for DataTables test environment only!
-$file = $_SERVER['DOCUMENT_ROOT'].'/datatables/mysql.php';
+$file = $_SERVER['DOCUMENT_ROOT'].'/datatables/pdo.php';
 if ( is_file( $file ) ) {
 	include( $file );
 }
@@ -135,7 +135,9 @@ class SSP {
 				}
 			}

-			$order = 'ORDER BY '.implode(', ', $orderBy);
+			if ( count( $orderBy ) ) {
+				$order = 'ORDER BY '.implode(', ', $orderBy);
+			}
 		}

 		return $order;
--- a/examples/server_side/select_rows.html
+++ b/examples/server_side/select_rows.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Row selection</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	

@@ -63,11 +59,11 @@ $(document).ready(function() {
 				each draw.</p>
 				<p>This is shown in this demo, which uses a unique ID assigned to the TR element (this is done automatically through the use of the <code>DT_RowId</code> special
 				property returned as part of the object given by the server for each row) to track which rows are selected and reselect them is appropriate on a draw.</p>
-				<p>If you are looking for a more complete and easier to use row selection option, check out the <a href="https://datatables.net/extras/select">Select extension</a>
-				provides an API that is fully integrated with DataTables for selecting rows and acting upon those selected rows.</p>
+				<p>If you are looking for a more complete and easier to use row selection option, the <a href="https://datatables.net/extras/select">Select extension</a> provides
+				an API that is fully integrated with DataTables for selecting rows and acting upon that selection.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -128,7 +124,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -307,6 +303,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -316,14 +315,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -480,7 +476,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/server_side/simple.html
+++ b/examples/server_side/simple.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Server-side processing</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -37,16 +33,16 @@ $(document).ready(function() {
 			<h1>DataTables example <span>Server-side processing</span></h1>
 			<div class="info">
 				<p>There are many ways to get your data into DataTables, and if you are working with seriously large databases, you might want to consider using the server-side
-				options that DataTables provides. With server-side processing enabled, all paging, searching, ordering etc actions that DataTables performs are handed off to a
-				server where an SQL engine (or similar) can perform these actions on the large data set (after all, that's what the database engine is designed for!). As such,
-				each draw of the table will result in a new Ajax request being made to get the required data.</p>
+				options that DataTables provides. With server-side processing enabled, all actions that DataTables performs (such as paging, searching and ordering) are handed off
+				to a server where an SQL engine (or similar) can perform these actions on the large data set (after all, that's what the database engine is designed for!). As
+				such, each draw of the table will result in a new Ajax request to get the required data.</p>
 				<p>Server-side processing is enabled by setting the <a href="//datatables.net/reference/option/serverSide"><code class="option" title=
 				"DataTables initialisation option">serverSide</code></a> option to <code>true</code> and providing an Ajax data source through the <a href=
 				"//datatables.net/reference/option/ajax"><code class="option" title="DataTables initialisation option">ajax</code></a> option.</p>
 				<p>This example shows a very simple table, matching the other client-side processing examples, but in this instance using server-side processing.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>First name</th>
@@ -87,7 +83,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -266,6 +262,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -275,14 +274,11 @@ $(document).ready(function() {
 							<li>
 								<a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="../styling/bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="../styling/material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="../styling/uikit.html">UIKit (Tech. preview)</a>
+								<a href="../styling/uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -439,7 +435,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/styling/bootstrap.html
+++ b/examples/styling/bootstrap.html
@@ -3,25 +3,20 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Bootstrap 3</title>
-	<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+	<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/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">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/dataTables.bootstrap.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/dataTables.bootstrap.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -39,11 +34,11 @@ $(document).ready(function() {
 				"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
-				normal, as shown in this examples.</p>
+				<p>This integration is done simply by including the DataTables Bootstrap files (CSS and JS) which sets the defaults needed for DataTables to be initialised as
+				normal, as shown in this example.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
+			<table id="example" class="table table-striped table-bordered" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -54,16 +49,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -522,6 +507,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -538,7 +533,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -559,7 +554,8 @@ $(document).ready(function() {
 					<p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p>
 					<ul>
 						<li>
-							<a href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css</a>
+							<a href=
+							"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css</a>
 						</li>
 						<li>
 							<a href="../../media/css/dataTables.bootstrap.css">../../media/css/dataTables.bootstrap.css</a>
@@ -723,6 +719,9 @@ $(document).ready(function() {
 							<li class="active">
 								<a href="./bootstrap.html">Bootstrap 3</a>
 							</li>
+							<li>
+								<a href="./bootstrap4.html">Bootstrap 4</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>
@@ -732,14 +731,11 @@ $(document).ready(function() {
 							<li>
 								<a href="./jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="./bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="./uikit.html">UIKit (Tech. preview)</a>
+								<a href="./uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -896,7 +892,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/styling/bootstrap4.html
+++ b/examples/styling/bootstrap4.html
@@ -3,25 +3,20 @@
 <head>
 	<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 4 (Tech. preview)</title>
-	<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.css">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
+	<title>DataTables example - Bootstrap 4</title>
+	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.css">
 	<link rel="stylesheet" type="text/css" href="../../media/css/dataTables.bootstrap4.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/dataTables.bootstrap4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/dataTables.bootstrap4.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -33,17 +28,13 @@ $(document).ready(function() {
 <body class="dt-example dt-example-bootstrap4">
 	<div class="container">
 		<section>
-			<h1>DataTables example <span>Bootstrap 4 (Tech. preview)</span></h1>
+			<h1>DataTables example <span>Bootstrap 4</span></h1>
 			<div class="info">
-				<p>As with Bootstrap 3, DataTables can also be integrated seamlessly with Bootstrap 4. At the time of writing this example Bootstrap 4 was at the alpha stage, so
-				things can, and probably still will change before DataTables integration with Bootstrap 4 is complete.</p>
-				<p>This integration is done simply by including the DataTables Bootstrap 4 files (CSS and JS) which will set the defaults needed for DataTables to be initialised
-				as normal, as shown in this examples.</p>
-				<p>These integration libraries are not currently available in the DataTables download builder, but will become so when Bootstrap 4 is released. Until then they
-				need to be included from source.</p>
+				<p>As with Bootstrap 3, DataTables can also be integrated seamlessly with Bootstrap 4. This integration is done simply by including the DataTables Bootstrap 4
+				files (CSS and JS) which sets the defaults needed for DataTables to be initialised as normal, as shown in this example.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
+			<table id="example" class="table table-striped table-bordered" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -54,16 +45,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -522,6 +503,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -538,7 +529,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -560,7 +551,7 @@ $(document).ready(function() {
 					<ul>
 						<li>
 							<a href=
-							"//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.css">//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.css</a>
+							"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.css">https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.css</a>
 						</li>
 						<li>
 							<a href="../../media/css/dataTables.bootstrap4.css">../../media/css/dataTables.bootstrap4.css</a>
@@ -724,6 +715,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap.html">Bootstrap 3</a>
 							</li>
+							<li class="active">
+								<a href="./bootstrap4.html">Bootstrap 4</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>
@@ -733,14 +727,11 @@ $(document).ready(function() {
 							<li>
 								<a href="./jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li class="active">
-								<a href="./bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="./uikit.html">UIKit (Tech. preview)</a>
+								<a href="./uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -897,7 +888,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/styling/cell-border.html
+++ b/examples/styling/cell-border.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Base style - cell borders</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -35,7 +31,7 @@ $(document).ready(function() {
 				<p>This example shows DataTables with just the <code>cell-border</code> class specified, giving a strong delineation between individual cells.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="cell-border" cellspacing="0" width="100%">
+			<table id="example" class="cell-border" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -46,16 +42,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -514,6 +500,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -530,7 +526,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -709,6 +705,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap.html">Bootstrap 3</a>
 							</li>
+							<li>
+								<a href="./bootstrap4.html">Bootstrap 4</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>
@@ -718,14 +717,11 @@ $(document).ready(function() {
 							<li>
 								<a href="./jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="./bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="./uikit.html">UIKit (Tech. preview)</a>
+								<a href="./uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -882,7 +878,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/styling/compact.html
+++ b/examples/styling/compact.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Base style - compact</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -32,11 +28,10 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Base style - compact</span></h1>
 			<div class="info">
-				<p>The <code>compact</code> class is used to reduce the amount of white-space the default styling for the DataTable uses, increasing the information density on
-				screen, as shown below.</p>
+				<p>The <code>compact</code> class reduces the amount of white-space in the default styling, increasing the information density on screen, as shown below.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display compact" cellspacing="0" width="100%">
+			<table id="example" class="display compact" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -47,16 +42,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -515,6 +500,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -531,7 +526,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -710,6 +705,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap.html">Bootstrap 3</a>
 							</li>
+							<li>
+								<a href="./bootstrap4.html">Bootstrap 4</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>
@@ -719,14 +717,11 @@ $(document).ready(function() {
 							<li>
 								<a href="./jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="./bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="./uikit.html">UIKit (Tech. preview)</a>
+								<a href="./uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -883,7 +878,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/styling/display.html
+++ b/examples/styling/display.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Base style</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -47,7 +43,7 @@ $(document).ready(function() {
 				in the example below.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -58,16 +54,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -526,6 +512,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -542,7 +538,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -721,6 +717,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap.html">Bootstrap 3</a>
 							</li>
+							<li>
+								<a href="./bootstrap4.html">Bootstrap 4</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>
@@ -730,14 +729,11 @@ $(document).ready(function() {
 							<li>
 								<a href="./jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="./bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="./uikit.html">UIKit (Tech. preview)</a>
+								<a href="./uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -894,7 +890,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/styling/foundation.html
+++ b/examples/styling/foundation.html
@@ -3,25 +3,20 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Foundation</title>
-	<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.min.css">
+	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css">
 	<link rel="stylesheet" type="text/css" href="../../media/css/dataTables.foundation.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/dataTables.foundation.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/dataTables.foundation.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -39,11 +34,11 @@ $(document).ready(function() {
 				"http://foundation.zurb.com/docs/components/tables.html">table styling options</a> to present a consistent interface with your Foundation driven site / app.</p>
 				<p>DataTables' Foundation integration also provides a renderer for the pagination control in DataTables to ensure that the pagination of the table is also styled
 				consistently by Foundation.</p>
-				<p>This integration is done simply by including the DataTables Foundation files (CSS and JS) which will set the defaults needed for DataTables to be initialised as
-				normal, as shown in this examples.</p>
+				<p>This integration is done simply by including the DataTables Foundation files (CSS and JS) which sets the defaults needed for DataTables to be initialised as
+				normal, as shown in this example.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="display" cellspacing="0" width="100%">
+			<table id="example" class="display" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -54,16 +49,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -522,6 +507,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -538,7 +533,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -560,7 +555,7 @@ $(document).ready(function() {
 					<ul>
 						<li>
 							<a href=
-							"//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.min.css">//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.min.css</a>
+							"https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css">https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css</a>
 						</li>
 						<li>
 							<a href="../../media/css/dataTables.foundation.css">../../media/css/dataTables.foundation.css</a>
@@ -724,6 +719,9 @@ $(document).ready(function() {
 							<li>
 								<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>
 							</li>
@@ -733,14 +731,11 @@ $(document).ready(function() {
 							<li>
 								<a href="./jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="./bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="./uikit.html">UIKit (Tech. preview)</a>
+								<a href="./uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -897,7 +892,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/styling/hover.html
+++ b/examples/styling/hover.html
@@ -3,7 +3,7 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<title>DataTables example - Base style - hover</title>
 	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
@@ -11,14 +11,10 @@
 	<style type="text/css" class="init">
 	
 	</style>
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<script type="text/javascript" language="javascript" class="init">
 	
 $(document).ready(function() {
@@ -32,11 +28,11 @@ $(document).ready(function() {
 		<section>
 			<h1>DataTables example <span>Base style - hover</span></h1>
 			<div class="info">
-				<p>This example shows DataTables with just the <code>hover</code> class specified. This class will instruct DataTables' styling to highlight a row when the mouse
-				is hovered over it.</p>
+				<p>This example shows DataTables with just the <code>hover</code> class specified. This class instructs DataTables' styling to highlight a row when the mouse is
+				hovered over it.</p>
 			</div>
 			<div class="demo-html"></div>
-			<table id="example" class="hover" cellspacing="0" width="100%">
+			<table id="example" class="hover" style="width:100%">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -47,16 +43,6 @@ $(document).ready(function() {
 						<th>Salary</th>
 					</tr>
 				</thead>
-				<tfoot>
-					<tr>
-						<th>Name</th>
-						<th>Position</th>
-						<th>Office</th>
-						<th>Age</th>
-						<th>Start date</th>
-						<th>Salary</th>
-					</tr>
-				</tfoot>
 				<tbody>
 					<tr>
 						<td>Tiger Nixon</td>
@@ -515,6 +501,16 @@ $(document).ready(function() {
 						<td>$112,000</td>
 					</tr>
 				</tbody>
+				<tfoot>
+					<tr>
+						<th>Name</th>
+						<th>Position</th>
+						<th>Office</th>
+						<th>Age</th>
+						<th>Start date</th>
+						<th>Salary</th>
+					</tr>
+				</tfoot>
 			</table>
 			<ul class="tabs">
 				<li class="active">Javascript</li>
@@ -531,7 +527,7 @@ $(document).ready(function() {
 					<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>
 					<ul>
 						<li>
-							<a href="//code.jquery.com/jquery-1.12.4.js">//code.jquery.com/jquery-1.12.4.js</a>
+							<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>
 						</li>
 						<li>
 							<a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a>
@@ -710,6 +706,9 @@ $(document).ready(function() {
 							<li>
 								<a href="./bootstrap.html">Bootstrap 3</a>
 							</li>
+							<li>
+								<a href="./bootstrap4.html">Bootstrap 4</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>
@@ -719,14 +718,11 @@ $(document).ready(function() {
 							<li>
 								<a href="./jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="./bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="./uikit.html">UIKit (Tech. preview)</a>
+								<a href="./uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -883,7 +879,7 @@ $(document).ready(function() {
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/examples/styling/index.html
+++ b/examples/styling/index.html
@@ -3,15 +3,12 @@
 <head>
 	<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">
+	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
-	<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
-	</script>
-	<script type="text/javascript" language="javascript" src="../resources/demo.js">
-	</script>
+	<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
+	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
 	<title>DataTables examples - Styling</title>
 </head>
 <body class="dt-example">
@@ -62,6 +59,9 @@
 							<li>
 								<a href="./bootstrap.html">Bootstrap 3</a>
 							</li>
+							<li>
+								<a href="./bootstrap4.html">Bootstrap 4</a>
+							</li>
 							<li>
 								<a href="./foundation.html">Foundation</a>
 							</li>
@@ -71,14 +71,11 @@
 							<li>
 								<a href="./jqueryUI.html">jQuery UI ThemeRoller</a>
 							</li>
-							<li>
-								<a href="./bootstrap4.html">Bootstrap 4 (Tech. preview)</a>
-							</li>
 							<li>
 								<a href="./material.html">Material Design (Tech. preview)</a>
 							</li>
 							<li>
-								<a href="./uikit.html">UIKit (Tech. preview)</a>
+								<a href="./uikit.html">UIKit 3 (Tech. preview)</a>
 							</li>
 						</ul>
 					</div>
@@ -87,7 +84,7 @@
 					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>
 					Additionally, there are a wide range of <a href="http://www.datatables.net/extensions">extensions</a> and <a href=
 					"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of DataTables.</p>
-					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2017<br>
+					<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2018<br>
 					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
 				</div>
 			</div>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Allan Jardine	f0c2b1f51d	Merge branch 'master' of github.com:DataTables/DataTables	2018-06-14 11:51:26 +01:00
Allan Jardine	ed848d4e9d	Sync - latest files	2018-06-14 11:51:12 +01:00
Allan Jardine	2c0af470c5	DataTables 1.10.17!	2018-06-14 11:47:05 +01:00
Allan Jardine	01b7a7e952	Dev: Updating bundled jQuery	2018-06-14 11:46:46 +01:00
Allan Jardine	f663114dc4	Dev: Remove cellspacing attribute (deprecated in HTML) and move the tfoot in structure	2018-06-14 11:46:31 +01:00
Allan Jardine	6cd1fc1876	Dev: Update versions of dependencies	2018-06-14 11:45:59 +01:00
Allan Jardine	99bb425eb5	Dev: Update copyright year	2018-06-14 11:43:54 +01:00
Allan Jardine	387ee39f94	Dev - fix: position:absolute doesn't work on Android if you don't include `user-scaleable:no`, so FixedHeader wouldn't work at all. - M388	2018-06-14 11:43:22 +01:00
Allan Jardine	d9514170ef	Fix: Cell selector wouldn't apply cell specific selector-modifier properties. This wasn't a problem in DataTables core as the cell selector doesn't provide its own options, but the `{selected:true}` modifier from Select does, and it needs to consider the cells only. - M501	2018-06-14 11:42:35 +01:00
Allan Jardine	73fd4997dd	Fix: Cell selectors (`-api cell()` and `-api cells()`) could select items that were outside the selector modifier range if selecting using a cell index (i.e. the selector modifier such as `{page:'current'}` wouldn't be applied). - M503	2018-06-14 11:42:20 +01:00
Allan Jardine	a4b056b004	Fix - Bootstrap 4: Select input for length menu should be width:auto rather than a fixed width, allowing for language in the options.	2018-06-14 11:41:32 +01:00
Allan Jardine	ce66166758	Fix: When using `-api order.listener()` with a string selector, an error would be thrown when the element activated the sort. - Many thanks kirik1007 for picking this up!	2018-06-14 11:40:45 +01:00
Allan Jardine	1efb34501e	Fix: jQuery 3.3 deprecates some `$.is...` methods. Use of those methods has now been removed from DataTables	2018-06-14 11:38:08 +01:00
Allan Jardine	f0f1068070	Fix - examples: Oracle demo SQL used nvarchar, which has been dropped in the db. Now uses nvarchar2.	2018-06-14 11:37:22 +01:00
Allan Jardine	145d0d6535	Fix: If another DataTable was initialised while an async load action was occurring for the state of another table, a Javascript error would occur - This was due to checking of parameters which had not yet been initialised - Scrolling is only setup later, so this check for the header being present is safe - Thread https://datatables.net/forums/discussion/comment/130261	2018-06-14 11:36:34 +01:00
Allan Jardine	9a65e5272e	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2018-06-14 11:36:18 +01:00
Allan Jardine	321a0bb118	DEV some more unit tests	2018-06-14 11:36:02 +01:00
Allan Jardine	1689b5c41e	Dev: Exposing _fnExtend as with all of the other internal methods	2018-06-14 11:35:31 +01:00
Allan Jardine	2c1763253e	New: Give the cells for the row as a parameter to `-init createdRow`	2018-06-14 11:34:44 +01:00
Allan Jardine	37c33150cf	New - JS: Row data index is passed to `-init rowCallback`	2018-06-14 11:33:41 +01:00
Allan Jardine	66ea7ec52d	Dev: Correct name for parameter in rowCallback docs	2018-06-14 11:33:25 +01:00
Allan Jardine	45bef584b5	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2018-06-14 11:32:37 +01:00
Allan Jardine	68f0124875	Dev: Add link to blog post for example of Ajax loading child row data	2018-06-14 11:32:06 +01:00
Allan Jardine	ad31f99f07	bootstrap4: use custom select menu styling	2018-06-14 11:31:19 +01:00
Allan Jardine	ced6c2f058	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2018-06-14 11:29:59 +01:00
Allan Jardine	c9759a828a	Update - example: Make it easier to change the grouping column in the grouping example (although, RowGroup is really the way forward here)	2018-06-14 11:29:43 +01:00
Allan Jardine	35d84a8785	DEV more tweaking and twirling	2018-06-14 11:29:12 +01:00
Allan Jardine	ed07c7f945	Fix: [Semantic UI] reduce label and serach input to a single line and restore space between label and input Merge pull request #122 from kickofitall/master	2018-06-14 11:28:56 +01:00
Allan Jardine	f9b0b86357	Fix - styling: Remove `container-fluid` class from DataTable wrapper element from Bootstrap 4 integration Fixes #121	2018-06-14 11:28:09 +01:00
Allan Jardine	eed346db11	restored space between label and input	2018-06-14 11:27:54 +01:00
Allan Jardine	0bc4349da6	reduce label and serach input to a single line With the ui form wrapper the label and input requiere two lines. After the initialization is finished, the view changes to one line. This repositions the table and bounces the page.	2018-06-14 11:27:38 +01:00
Allan Jardine	2b644e3c67	Fix: Language options - specifying a decimal separator in the default settings rather than the init object would cause correct numeric sorting to fail - M475 - Forum 48223	2018-06-14 11:26:48 +01:00
Allan Jardine	04b4e4a221	Fix: Column visibility changes did not update the `colspan` for the "No records" display when the table was either empty or filtered to be empty.	2018-06-14 11:25:28 +01:00
Allan Jardine	3d983d3e00	Fix: Updating an array sourced table that had `id` attributes on the original HTML table rows, would result in the id effectively being lost - Fixes DataTables/DataTables 1023	2018-06-14 11:24:55 +01:00
Allan Jardine	2dcfd038e6	Fix - styling: Itegration with Semantic UI 2.3 - search input was not correctly styled - Fixes DataTables/DataTables #1024	2018-06-14 11:24:23 +01:00
Allan Jardine	c5f9168fb3	Dev: Correct big O notation	2018-06-14 11:23:19 +01:00
Allan Jardine	83199449f4	Dev: Fix Allan's muppet change	2018-06-14 11:23:02 +01:00
Allan Jardine	d73571017a	Dev: Code style updates for consistency	2018-06-14 11:22:46 +01:00
Allan Jardine	5f5525b10d	Update: `{search: 'removed'}` selector options optimisation Merge pull request #119 from dagadbm/master	2018-06-14 11:22:30 +01:00
Allan Jardine	5cc3676e27	remove extra white space	2018-06-14 11:22:14 +01:00
Allan Jardine	db1f2383ff	Refactor removed search	2018-06-14 11:21:58 +01:00
Allan Jardine	05dcf4d988	Fix - styling: Comptability with Foundation 6.4's grid-xy system	2018-06-14 11:21:26 +01:00
Allan Jardine	387e55a469	DEV: minor tweaks to the styling examples	2018-06-14 11:18:59 +01:00
Allan Jardine	ec585db978	DEV more unit tests and more examples read	2018-06-14 11:18:43 +01:00
Allan Jardine	c1ae2747f2	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2018-06-14 11:17:21 +01:00
Allan Jardine	64661b706c	DEV more fiddling - examples and unit tests	2018-06-14 11:17:05 +01:00
Allan Jardine	ce5e859cbd	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2018-06-14 11:16:48 +01:00
Allan Jardine	c64a7a03cb	Fix - CSS: Bootstrap 4 integration with scrolling - asc icons could show up in the body table - DataTables/FixedColumns/issues/37	2018-06-14 11:16:33 +01:00
Allan Jardine	02cb21017b	DEV updates to the example docs	2018-06-14 11:16:02 +01:00
Allan Jardine	9f5a1fc2c3	DEV changes to the docs and a few more tests (note columns().visible() is still a WIP)	2018-06-14 11:15:46 +01:00
Allan Jardine	4c558e0a13	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2018-06-14 11:15:30 +01:00
Allan Jardine	dbcc844022	DEV more unit tests (seeing a pattren here?)	2018-06-14 11:15:13 +01:00
Allan Jardine	14436e1696	Dev: Switching to always use https rather than protocol relative for example loading libraries	2018-06-14 11:14:41 +01:00
Allan Jardine	2b781ff0bd	Update: Bootstrap 4	2018-06-14 11:14:25 +01:00
Allan Jardine	df4c3d25f8	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2018-06-14 11:13:54 +01:00
Allan Jardine	4d1db22140	dev pushing today's selection of marvellous tests	2018-06-14 11:13:38 +01:00
Allan Jardine	aee9a09035	Fix - CSS: Bootstrap 4 needs border-spacing:0 if used with border-collapse and `cellspacing` isn't used in the HTML	2018-06-14 11:13:22 +01:00
Allan Jardine	9b95edf189	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2018-06-14 11:12:36 +01:00
Allan Jardine	5bf38afa28	dev minor updates to examples docs	2018-06-14 11:12:20 +01:00
Allan Jardine	c4dd1136fb	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2018-06-14 11:12:04 +01:00
Allan Jardine	66c6139c71	Dev: Fix for currency sorting	2018-06-14 11:11:48 +01:00
Allan Jardine	f5283f648c	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2018-06-14 11:11:17 +01:00
Allan Jardine	2024dc274b	dev more progress with additional tests	2018-06-14 11:11:01 +01:00
Allan Jardine	cdc3f4137a	Sorting - don't treat 0 as negative infinity	2018-06-14 11:10:30 +01:00
Allan Jardine	4aa55efc91	dev continuing with extending the unit tests - mostly around the index and indexes methods	2018-06-14 11:09:43 +01:00
Allan Jardine	5e74941660	Merge branch 'master' of github.com:DataTables/DataTablesSrc added new tests for cell().node()	2018-06-14 11:08:57 +01:00
Allan Jardine	74e37c13fe	added tests for cell().node()	2018-06-14 11:08:41 +01:00
Allan Jardine	fb59f8f903	Styling: UI Kit tech preview moving on to UI Kit v3	2018-06-14 11:07:53 +01:00
Allan Jardine	612c508f1f	New: Support Bitcoin and Ethereum symbols for currency sorting Thread 46174	2018-06-14 11:06:34 +01:00
Allan Jardine	99a313b529	Dev fix: Address scrolling issue introduced by #113 . The zeroing of height should be applied to the sizer's child node	2018-06-14 11:06:18 +01:00
Allan Jardine	97e465613b	Dev: use nvarchar for SQL Server demos rather than varchar	2018-06-14 11:06:03 +01:00
Allan Jardine	4eec66f677	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2018-06-14 11:05:47 +01:00
Allan Jardine	aa69bda137	Build: Add a JS Hint method for the build functions Fix: Typo in row selector docs	2018-06-14 11:05:31 +01:00
Allan Jardine	3f7da1674f	Remove inline styles in injected HTML fixes #112	2018-06-14 11:04:58 +01:00
Allan Jardine	d7ac068183	Fix: Using a ndoe as a row selector when it had already been removed from the table could incorrectly select the row - Fixes GH #994	2018-06-14 11:04:42 +01:00
Allan Jardine	609f3173f8	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2018-06-14 11:04:11 +01:00
Allan Jardine	81218f4fa3	Fix - examples: PHP demo script could use invalid SQL if an orderable:false column was ordered upon - Thread 45150	2018-06-14 11:03:55 +01:00
Allan Jardine	713b7498df	Fix: Correct comment for Bootstrap 4 integration (stated that it was Bootstrap 3)	2018-06-14 11:03:39 +01:00
Allan Jardine	6733264f11	Merge pull request #1002 from frederikbosch/patch-1 missing extension	2017-12-18 16:23:26 +00:00
Frederik Bosch	72145aba3e	missing extension	2017-12-18 16:12:44 +01:00
Allan Jardine	75a665f64f	DataTables 1.10.16 release	2017-08-31 14:52:17 +01:00
Allan Jardine	421a5e17ac	Dev: Updating third party libraries to latest versions	2017-08-31 14:52:02 +01:00
Allan Jardine	ae945eae3d	Fix: When removing rows with server-side processing and paging enabled, the client-side could request a page that no longer exists. - Thread 44354	2017-08-31 14:51:46 +01:00
Allan Jardine	8e0224cf11	Fix: Large numbers shown in the length `-tag select` should be formatted using the built in number formatter. - FB 153	2017-08-31 14:51:15 +01:00
Allan Jardine	cbec002afc	Fix - styling: Bootstrap 4 integration with the `table-sm` class (renamed from `condensed` in Bootstrap 3)	2017-08-31 14:50:59 +01:00
Allan Jardine	2f2629433d	Dev: Changing name of dev include file for consistency with Editor	2017-08-31 14:49:55 +01:00
Allan Jardine	d894dc7fbc	Fix - examples: Server-side processing example in data sources directory wasn't showing the server-side processing script.	2017-08-31 14:49:38 +01:00
Allan Jardine	576b38ef96	Fix: Bootstrap 4 no longer just a tech preview with BS4 going beta	2017-08-31 14:49:22 +01:00
Allan Jardine	344bae3966	Fix: Revert some limited changes from 5608cc872abbc493fa2ec533510576ea8ad066d3 Update: Bootstrap 4 beta used for examples - Fixes #105	2017-08-31 14:49:06 +01:00
Allan Jardine	2000e66401	Fix: Jquery UI 1.12 integration. The spelling of `caret` was fixed - Fixes DataTables/DataTables #963	2017-08-31 14:47:47 +01:00
Allan Jardine	1900c20e5f	Fix: Add class names to column header cells before extensions are initialised. This allows extensions such as Buttons' column visibility selector to operate on class names given in the column options. - Thread 34321 - FB 286	2017-08-31 14:46:59 +01:00
Allan Jardine	57fd628cb7	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2017-08-31 14:46:43 +01:00
Allan Jardine	8cdb720a42	Fix - docs: 404 link error in `-init columns.orderData` documentation Thanks ianchanning!	2017-08-31 14:46:26 +01:00
Allan Jardine	b90cfd5a2f	Revert "DataTables 2 development starts" This reverts commit b07cbf3ad523a808ad8ad788dbacaabe456d43d1.	2017-08-31 14:46:09 +01:00
Allan Jardine	d788695396	Revert "Update: Change `-init dom` default to `lftrip` (move the processing element after the table). This is to allow correct layering when scrolling - previously the processing element wouldn't show if scrolling was enabled without a z-index value." This reverts commit ff352c4b077d1e0a558c03ff36e15d787560fafa.	2017-08-31 14:45:54 +01:00
Allan Jardine	069d24e060	Revert "Dev: Missed a few uses of jQuery UI specific code" This reverts commit 3690a478e5438b4c744ffb2bf1506dae35162764.	2017-08-31 14:45:38 +01:00
Allan Jardine	114b913ad1	Revert "New: `-api column().name()` and `-api columns().names()` methods which can be used to get and set the names of columns (`-init columns.name`)" This reverts commit fa158a0030e7310837ada440c5f942406c0b4b8a.	2017-08-31 14:45:21 +01:00
Allan Jardine	df9fdc0d4a	Revert "Merge branch 'master' of github.com:DataTables/DataTablesSrc" This reverts commit d484e85534a1c8eb28542be5169d4c28690cae48, reversing changes made to e84eb39f630d04259f7d5377084c2e3b1a4abe42.	2017-08-31 14:45:06 +01:00
Allan Jardine	98fe28aeb2	Merge branch 'master' of github.com:DataTables/DataTablesSrc	2017-08-31 14:44:50 +01:00
Allan Jardine	c00abc7cad	Fix - examples: Remove parameter that isn't required from the `limit()` method in the demo server-side processing script Thanks tangerine	2017-08-31 14:44:34 +01:00
Allan Jardine	1a3db258d4	New: `-api column().name()` and `-api columns().names()` methods which can be used to get and set the names of columns (`-init columns.name`)	2017-08-31 14:44:01 +01:00
Allan Jardine	df61c273c4	Dev: Missed a few uses of jQuery UI specific code	2017-08-31 14:43:45 +01:00
Allan Jardine	0aaba67759	Update: Change `-init dom` default to `lftrip` (move the processing element after the table). This is to allow correct layering when scrolling - previously the processing element wouldn't show if scrolling was enabled without a z-index value. - FB 91	2017-08-31 14:43:29 +01:00
Allan Jardine	e203d67cd8	DataTables 2 development starts	2017-08-31 14:43:13 +01:00
Allan Jardine	e869cc0910	Removed: Built in jQuery UI styling option (`jqueryUI`) has been removed from DataTables 2. Support for styling via jQuery UI is still available - it is provided via the integration styling files, matching how Bootstrap, Foundation, Semantic UI and all other styling libraries can integrate with DataTables.	2017-08-31 14:42:41 +01:00
Allan Jardine	1d10612859	bootstrap innerfoot scroll fix	2017-08-31 14:42:09 +01:00
Allan Jardine	9f70ba35aa	Update jquery.dataTables.scss Remove old vendor prefix -webkit-box-sizing	2017-08-31 14:41:37 +01:00
Allan Jardine	31db8f9f8d	Update jquery.dataTables.scss Merge duplicate selectors	2017-08-31 14:41:05 +01:00