diff --git a/.datatables-commit-sync b/.datatables-commit-sync
index b7064571..219e38df 100644
--- a/.datatables-commit-sync
+++ b/.datatables-commit-sync
@@ -1 +1 @@
-03f891064533b9e90fc433777fc63c55989f3b54
+00691a2e30706ef571e49ac009090b5c0aaf3274
diff --git a/examples/styling/semanticui.html b/examples/styling/semanticui.html
index 6f3ccce1..fd00afc5 100644
--- a/examples/styling/semanticui.html
+++ b/examples/styling/semanticui.html
@@ -5,7 +5,7 @@
 	<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 - Semantic UI (Tech. preview)</title>
-	<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">
+	<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.1/semantic.min.css">
 	<link rel="stylesheet" type="text/css" href="../../media/css/dataTables.semanticui.css">
 	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
 	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
@@ -18,7 +18,7 @@
 	</script>
 	<script type="text/javascript" language="javascript" src="../../media/js/dataTables.semanticui.js">
 	</script>
-	<script type="text/javascript" language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js">
+	<script type="text/javascript" language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.1/semantic.min.js">
 	</script>
 	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js">
 	</script>
@@ -546,7 +546,7 @@ $(document).ready(function() {
 							<a href="../../media/js/dataTables.semanticui.js">../../media/js/dataTables.semanticui.js</a>
 						</li>
 						<li>
-							<a href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js">//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js</a>
+							<a href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.1/semantic.min.js">//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.1/semantic.min.js</a>
 						</li>
 					</ul>
 				</div>
@@ -561,7 +561,7 @@ $(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="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css</a>
+							<a href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.1/semantic.min.css">//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.1/semantic.min.css</a>
 						</li>
 						<li>
 							<a href="../../media/css/dataTables.semanticui.css">../../media/css/dataTables.semanticui.css</a>