some fiddling

resources/public/js/scripts.js

@@ -41,10 +41,31 @@ document.addEventListener('DOMContentLoaded', function() {
     document.querySelectorAll('.delete-btn').forEach(function(btn) {
         btn.addEventListener('click', countdownDeleteButton)
     })
+
+    function dynamicTables() {
+        const range = (x,y) =>
+              x > y ? [] : [x, ...range(x + 1, y)];
+
+        const pageSize = 50
+        const colsFromThead = thead =>
+              [...thead.children[0].children].map(th => th.innerText)
+        const visibleRows = page =>
+              range(page * pageSize, (page + 1) * pageSize - 1)
+
+        document.querySelectorAll('table').forEach(function(tbl) {
+            const thead = tbl.tHead
+            const tbody = tbl.tBodies[0]
+            const cols = colsFromThead(thead)
+            const rows = [...tbl.rows]
+            let page = 0
+            console.debug(visibleRows(1))
+        })
+    }
+    dynamicTables()
 })
 
+/*
   $(document).ready(function() {
-    return;
   $('table').DataTable({
   stateSave: true,
   fixedHeader: true,
@@ -57,3 +78,4 @@ $(document).ready(function() {
   }
   })
   })
+*/