Add bootstrap-table.js library to support dynamic table functionality in the project

X/Inventory.php

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
   <!-- Page Title -->
-  <title>Infra Tools IT</title>
+  <title>Web Infra Reports</title>
   <link rel="shortcut icon" type="image/png" href="/include/favicon-32x32.png">
 
   <!-- JQuery -->
@@ -216,28 +216,4 @@
 </body>
 <script src="/js/switch.js"></script>
 </HTML>
-
+<script src="/js/tableResize.js"></script>
-<SCRIPT>
-  let table = $('#t1');
-  $(document).ready(function() {
-    table.DataTable({
-      scrollY: '50vh',
-      scrollCollapse: true,
-      paging: false,
-    });
-  });
-
-  $(function () {
-    let options = table.bootstrapTable('getOptions');
-    options.height= document.getElementById('content').clientHeight-170;
-    table.bootstrapTable('refreshOptions',options);
-  });
-
-  function tableresize() {
-    let options = table.bootstrapTable('getOptions');
-    options.height= document.getElementById('content').clientHeight-170;
-    table.bootstrapTable('refreshOptions',options);
-  }
-
-  window.addEventListener("resize", tableresize);
-</SCRIPT>

js/tableResize.js

@@ -0,0 +1,15 @@
+let table = $('#t1');
+
+$(function () {
+  let options = table.bootstrapTable('getOptions');
+  options.height = document.getElementById('content').clientHeight - 170;
+  table.bootstrapTable('refreshOptions', options);
+});
+
+function tableresize() {
+  let options = table.bootstrapTable('getOptions');
+  options.height = document.getElementById('content').clientHeight - 170;
+  table.bootstrapTable('refreshOptions', options);
+}
+
+window.addEventListener("resize", tableresize);