diff --git a/docs/_static/js/custom.js b/docs/_static/js/custom.js
index 0e67c399435..f9f8c9a9000 100644
--- a/docs/_static/js/custom.js
+++ b/docs/_static/js/custom.js
@@ -40,10 +40,6 @@ $(document).ready(function () {
     init_switchers();
     handleSwitcherParam();
     initViewerJS();
-    var TABLE_SORT = window.TABLE_SORT;
-    if (TABLE_SORT) {
-        addTableSort();
-    }
     addLegalNotice();
     updateSearchForm();
     initBenchmarkPickers();   // included with the new benchmarks page 
@@ -134,76 +130,6 @@ function createVersions() {
 
 }
 
-
-function addTableSort() {
-    var tables = $('table.table');
-    tables.each(function () {
-        var table = $(this);
-        var headings = table.find('th');
-        headings.each(function () {
-            var th = $(this);
-            var index = th.index();
-            var sortBtn = $('<span class="sort-btn"></span>');
-            th.addClass('sort-header');
-            th.click(function () {
-                var counter = 0;
-                sortBtn.addClass('sort-active');
-                sortBy = sortBtn.data('sortby');
-                var trs = table.find('tbody tr');
-                sortBtn.toggleClass('ascending');
-                trs.sort(function (item1, item2) {
-
-                    if (sortBtn.hasClass('ascending')) {
-                        var text1 = $(item1).find('td').eq(index).text();
-                        var text2 = $(item2).find('td').eq(index).text();
-                    }
-                    else {
-                        var text1 = $(item2).find('td').eq(index).text();
-                        var text2 = $(item1).find('td').eq(index).text();
-                    }
-                    // try converting to num
-                    var _text1 = parseFloat(text1);
-                    var _text2 = parseFloat(text2);
-
-                    if (!isNaN(_text1) && !isNaN(_text2)) {
-                        text1 = _text1;
-                        text2 = _text2;
-                    }
-                    if (text1 > text2) {
-                        return 1;
-                    }
-                    else if (text1 < text2) {
-                        return -1;
-                    }
-                    else {
-                        return 0;
-                    }
-                }).map(function () {
-                    var row = $(this);
-                    if (counter % 2 === 0) {
-                        row.removeClass('row-odd');
-                        row.addClass('row-even');
-                    }
-                    else {
-                        row.removeClass('row-even');
-                        row.addClass('row-odd');
-                    }
-                    counter++;
-                    table.find('tbody').append(row);
-                });
-
-                headings.each(function () {
-                    if ($(this).index() !== index) {
-                        $(this).find('.sort-btn').removeClass('ascending');
-                        $(this).find('.sort-btn').removeClass('sort-active');
-                    }
-                });
-            });
-            th.find('p').append(sortBtn);
-        });
-    });
-}
-
 function initViewerJS() {
     try {
         var images = $('main img[src*="_images"]');
diff --git a/docs/openvino_sphinx_theme/openvino_sphinx_theme/static/js/sortable_tables.js b/docs/openvino_sphinx_theme/openvino_sphinx_theme/static/js/sortable_tables.js
new file mode 100644
index 00000000000..523d7b4d4a7
--- /dev/null
+++ b/docs/openvino_sphinx_theme/openvino_sphinx_theme/static/js/sortable_tables.js
@@ -0,0 +1,76 @@
+document.addEventListener('DOMContentLoaded', function () {
+   sortableTables();
+});
+
+function sortableTables() {
+
+   var tablestosort = $('div.sort-table').find('table.table').addClass('table-sortable');
+   var tablestosortnext = $('div.sort-table').next('table.table').addClass('table-sortable');
+   var sortables = $('table.table-sortable').append(tablestosortnext);
+   var tables = sortables.append(tablestosort);
+   tables.each(function () {
+       var table = $(this);
+       var headings = table.find('th');
+       headings.each(function () {
+           var th = $(this);
+           var index = th.index();
+           var sortBtn = $('<span class="sort-btn"></span>');
+           th.addClass('sort-header');
+           th.click(function () {
+               var counter = 0;
+               sortBtn.addClass('sort-active');
+               sortBy = sortBtn.data('sortby');
+               var trs = table.find('tbody tr');
+               sortBtn.toggleClass('ascending');
+               trs.sort(function (item1, item2) {
+
+                   if (sortBtn.hasClass('ascending')) {
+                       var text1 = $(item1).find('td').eq(index).text();
+                       var text2 = $(item2).find('td').eq(index).text();
+                   }
+                   else {
+                       var text1 = $(item2).find('td').eq(index).text();
+                       var text2 = $(item1).find('td').eq(index).text();
+                   }
+                   // try converting to num
+                   var _text1 = parseFloat(text1);
+                   var _text2 = parseFloat(text2);
+
+                   if (!isNaN(_text1) && !isNaN(_text2)) {
+                       text1 = _text1;
+                       text2 = _text2;
+                   }
+                   if (text1 > text2) {
+                       return 1;
+                   }
+                   else if (text1 < text2) {
+                       return -1;
+                   }
+                   else {
+                       return 0;
+                   }
+               }).map(function () {
+                   var row = $(this);
+                   if (counter % 2 === 0) {
+                       row.removeClass('row-odd');
+                       row.addClass('row-even');
+                   }
+                   else {
+                       row.removeClass('row-even');
+                       row.addClass('row-odd');
+                   }
+                   counter++;
+                   table.find('tbody').append(row);
+               });
+
+               headings.each(function () {
+                   if ($(this).index() !== index) {
+                       $(this).find('.sort-btn').removeClass('ascending');
+                       $(this).find('.sort-btn').removeClass('sort-active');
+                   }
+               });
+           });
+           th.find('p').append(sortBtn);
+       });
+   });
+}
\ No newline at end of file
diff --git a/docs/openvino_sphinx_theme/openvino_sphinx_theme/templates/layout.html b/docs/openvino_sphinx_theme/openvino_sphinx_theme/templates/layout.html
index 5a0155f3f8d..678ad2b37a7 100644
--- a/docs/openvino_sphinx_theme/openvino_sphinx_theme/templates/layout.html
+++ b/docs/openvino_sphinx_theme/openvino_sphinx_theme/templates/layout.html
@@ -19,6 +19,7 @@
     <link rel="stylesheet" href="{{ pathto('_static/css/tabs.css', 1) }}" type="text/css" />
     <link rel="stylesheet" href="_static/css/homepage_style.css" type="text/css" />
     <script src="{{ pathto('_static/js/openvino_sphinx_theme.js', 1) }}"></script>
+    <script src="{{ pathto('_static/js/sortable_tables.js', 1) }}"></script>
 {% endblock %}
 
 {%- block content %}