diff --git a/core/src/main/resources/org/apache/spark/ui/static/jquery.dataTables.1.10.25.min.js b/core/src/main/resources/org/apache/spark/ui/static/jquery.dataTables.2.0.0.min.js
similarity index 99%
rename from core/src/main/resources/org/apache/spark/ui/static/jquery.dataTables.1.10.25.min.js
rename to core/src/main/resources/org/apache/spark/ui/static/jquery.dataTables.2.0.0.min.js
index 5c85b24f8e112..c46e45c0d72ef 100644
--- a/core/src/main/resources/org/apache/spark/ui/static/jquery.dataTables.1.10.25.min.js
+++ b/core/src/main/resources/org/apache/spark/ui/static/jquery.dataTables.2.0.0.min.js
@@ -9,7 +9,7 @@
  or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details.
 
  For details please refer to: http://www.datatables.net
- DataTables 1.10.25
+ DataTables 2.0.0
  ©2008-2021 SpryMedia Ltd - datatables.net/license
 */
 var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.findInternal=function(k,y,z){k instanceof String&&(k=String(k));for(var q=k.length,G=0;G<q;G++){var O=k[G];if(y.call(z,O,G,k))return{i:G,v:O}}return{i:-1,v:void 0}};$jscomp.ASSUME_ES5=!1;$jscomp.ASSUME_NO_NATIVE_MAP=!1;$jscomp.ASSUME_NO_NATIVE_SET=!1;$jscomp.SIMPLE_FROUND_POLYFILL=!1;$jscomp.ISOLATE_POLYFILLS=!1;
diff --git a/core/src/main/scala/org/apache/spark/ui/UIUtils.scala b/core/src/main/scala/org/apache/spark/ui/UIUtils.scala
index aca03fde4c96d..0215935a0962e 100644
--- a/core/src/main/scala/org/apache/spark/ui/UIUtils.scala
+++ b/core/src/main/scala/org/apache/spark/ui/UIUtils.scala
@@ -255,18 +255,18 @@ private[spark] object UIUtils extends Logging {
 
   def dataTablesHeaderNodes(request: HttpServletRequest): Seq[Node] = {
     <link rel="stylesheet" href={prependBaseUri(request,
-      "/static/jquery.dataTables.1.10.25.min.css")} type="text/css"/>
+      "/static/jquery.dataTables.2.0.0.min.css")} type="text/css"/>
     <link rel="stylesheet"
-          href={prependBaseUri(request, "/static/dataTables.bootstrap4.1.10.25.min.css")}
+          href={prependBaseUri(request, "/static/dataTables.bootstrap4.2.0.0.min.css")}
           type="text/css"/>
     <link rel="stylesheet"
           href={prependBaseUri(request, "/static/jsonFormatter.min.css")} type="text/css"/>
     <link rel="stylesheet"
           href={prependBaseUri(request, "/static/webui-dataTables.css")} type="text/css"/>
-    <script src={prependBaseUri(request, "/static/jquery.dataTables.1.10.25.min.js")}></script>
+    <script src={prependBaseUri(request, "/static/jquery.dataTables.2.0.0.min.js")}></script>
     <script src={prependBaseUri(request, "/static/jquery.cookies.2.2.0.min.js")}></script>
     <script src={prependBaseUri(request, "/static/jquery.blockUI.min.js")}></script>
-    <script src={prependBaseUri(request, "/static/dataTables.bootstrap4.1.10.25.min.js")}></script>
+    <script src={prependBaseUri(request, "/static/dataTables.bootstrap4.2.0.0.min.js")}></script>
     <script src={prependBaseUri(request, "/static/jsonFormatter.min.js")}></script>
     <script src={prependBaseUri(request, "/static/jquery.mustache.js")}></script>
   }