From 8939a585fb982b0a45fba63941427379b9f16ace Mon Sep 17 00:00:00 2001
From: Allan Jardine <allan@datatables.net>
Date: Wed, 21 Feb 2024 16:37:24 +0000
Subject: [PATCH] Features - ScrollResize: Support for DataTables 2+

---
 features/scrollResize/dataTables.scrollResize.js     | 6 +++---
 features/scrollResize/dataTables.scrollResize.mjs    | 4 ++--
 features/scrollResize/dynamic.html                   | 6 +++---
 features/scrollResize/dynamicVh.html                 | 6 +++---
 features/scrollResize/index.html                     | 6 +++---
 features/scrollResize/resize.html                    | 6 +++---
 features/scrollResize/src/dataTables.scrollResize.ts | 4 ++--
 7 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/features/scrollResize/dataTables.scrollResize.js b/features/scrollResize/dataTables.scrollResize.js
index 04a8f21..89c0d35 100644
--- a/features/scrollResize/dataTables.scrollResize.js
+++ b/features/scrollResize/dataTables.scrollResize.js
@@ -41,7 +41,7 @@
 		// Browser
 		factory( jQuery, window, document );
 	}
-}(function( $, window, document, undefined ) {
+}(function( $, window, document ) {
 'use strict';
 var DataTable = $.fn.dataTable;
 
@@ -112,13 +112,13 @@ ScrollResize.prototype = {
         var t = dt.table();
         var offsetTop = $(settings.table).offset().top;
         var availableHeight = settings.host.height();
-        var scrollBody = $('div.dataTables_scrollBody', t.container());
+        var scrollBody = $('div.dt-scroll-body', t.container());
         // Subtract the height of the header, footer and the elements
         // surrounding the table
         availableHeight -= offsetTop;
         availableHeight -=
             settings.container.height() - (offsetTop + scrollBody.height());
-        $('div.dataTables_scrollBody', t.container()).css({
+        $('div.dt-scroll-body', t.container()).css({
             maxHeight: availableHeight,
             height: availableHeight,
         });
diff --git a/features/scrollResize/dataTables.scrollResize.mjs b/features/scrollResize/dataTables.scrollResize.mjs
index 3ee5063..2ae79a5 100644
--- a/features/scrollResize/dataTables.scrollResize.mjs
+++ b/features/scrollResize/dataTables.scrollResize.mjs
@@ -72,13 +72,13 @@ ScrollResize.prototype = {
         var t = dt.table();
         var offsetTop = $(settings.table).offset().top;
         var availableHeight = settings.host.height();
-        var scrollBody = $('div.dataTables_scrollBody', t.container());
+        var scrollBody = $('div.dt-scroll-body', t.container());
         // Subtract the height of the header, footer and the elements
         // surrounding the table
         availableHeight -= offsetTop;
         availableHeight -=
             settings.container.height() - (offsetTop + scrollBody.height());
-        $('div.dataTables_scrollBody', t.container()).css({
+        $('div.dt-scroll-body', t.container()).css({
             maxHeight: availableHeight,
             height: availableHeight,
         });
diff --git a/features/scrollResize/dynamic.html b/features/scrollResize/dynamic.html
index 6c7eacb..d112f3c 100644
--- a/features/scrollResize/dynamic.html
+++ b/features/scrollResize/dynamic.html
@@ -5,7 +5,7 @@
 		
 		<title>DataTables page resize example</title>
 
-		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.0.0/css/dataTables.dataTables.min.css">
 		<style type="text/css">
 			#resize_wrapper {
 				position: absolute;
@@ -16,8 +16,8 @@
 			}
 		</style>
 
-		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
-		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.7.1.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/2.0.0/js/dataTables.min.js"></script>
 		<script type="text/javascript" language="javascript" src="dataTables.scrollResize.js"></script>
 		<script type="text/javascript" charset="utf-8">
 			$(document).ready( function () {
diff --git a/features/scrollResize/dynamicVh.html b/features/scrollResize/dynamicVh.html
index 578cc47..d60b3cd 100644
--- a/features/scrollResize/dynamicVh.html
+++ b/features/scrollResize/dynamicVh.html
@@ -5,7 +5,7 @@
 		
 		<title>DataTables page resize example</title>
 
-		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.0.0/css/dataTables.dataTables.min.css">
 		<style type="text/css">
 			div.container {
 				margin: 0 auto;
@@ -28,8 +28,8 @@
 			}
 		</style>
 
-		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
-		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.7.1.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/2.0.0/js/dataTables.min.js"></script>
 		<script type="text/javascript" language="javascript" src="dataTables.scrollResize.js"></script>
 		<script type="text/javascript" charset="utf-8">
 			$(document).ready( function () {
diff --git a/features/scrollResize/index.html b/features/scrollResize/index.html
index 326034a..36297d6 100644
--- a/features/scrollResize/index.html
+++ b/features/scrollResize/index.html
@@ -5,7 +5,7 @@
 		
 		<title>DataTables page resize example</title>
 
-		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.0.0/css/dataTables.dataTables.min.css">
 		<style type="text/css">
 			div.container {
 				margin: 0 auto;
@@ -47,8 +47,8 @@
 			}
 		</style>
 
-		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
-		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.7.1.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/2.0.0/js/dataTables.min.js"></script>
 		<script type="text/javascript" language="javascript" src="dataTables.scrollResize.js"></script>
 		<script type="text/javascript" charset="utf-8">
 			$(document).ready( function () {
diff --git a/features/scrollResize/resize.html b/features/scrollResize/resize.html
index acb9da7..307ab47 100644
--- a/features/scrollResize/resize.html
+++ b/features/scrollResize/resize.html
@@ -5,7 +5,7 @@
 		
 		<title>DataTables page resize example</title>
 
-		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
+		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.0.0/css/dataTables.dataTables.min.css">
 		<style type="text/css">
 			#resize_wrapper {
 				height: 200px;
@@ -15,8 +15,8 @@
 			}
 		</style>
 
-		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
-		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.7.1.js"></script>
+		<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/2.0.0/js/dataTables.min.js"></script>
 		<script type="text/javascript" language="javascript" src="dataTables.scrollResize.js"></script>
 		<script type="text/javascript" charset="utf-8">
 			$(document).ready( function () {
diff --git a/features/scrollResize/src/dataTables.scrollResize.ts b/features/scrollResize/src/dataTables.scrollResize.ts
index d6595e0..cec4843 100644
--- a/features/scrollResize/src/dataTables.scrollResize.ts
+++ b/features/scrollResize/src/dataTables.scrollResize.ts
@@ -91,7 +91,7 @@ ScrollResize.prototype = {
 		var t = dt.table();
 		var offsetTop = $(settings.table).offset()!.top;
 		var availableHeight = settings.host.height();
-		var scrollBody = $('div.dataTables_scrollBody', t.container());
+		var scrollBody = $('div.dt-scroll-body', t.container());
 
 		// Subtract the height of the header, footer and the elements
 		// surrounding the table
@@ -99,7 +99,7 @@ ScrollResize.prototype = {
 		availableHeight -=
 			settings.container.height() - (offsetTop + scrollBody.height()!);
 
-		$('div.dataTables_scrollBody', t.container()).css({
+		$('div.dt-scroll-body', t.container()).css({
 			maxHeight: availableHeight,
 			height: availableHeight,
 		});