diff --git a/WebHostLib/static/assets/autodatatable.js b/WebHostLib/static/assets/autodatatable.js
new file mode 100644
index 00000000..a1437514
--- /dev/null
+++ b/WebHostLib/static/assets/autodatatable.js
@@ -0,0 +1,9 @@
+window.addEventListener('load', () => {
+  let tables = $(".autodatatable").DataTable({
+        "paging": false,
+        "ordering": true,
+        "info": false,
+        "dom": "t",
+    });
+  console.log(tables);
+});
diff --git a/WebHostLib/templates/autotablepage.html b/WebHostLib/templates/autotablepage.html
new file mode 100644
index 00000000..0bb30f87
--- /dev/null
+++ b/WebHostLib/templates/autotablepage.html
@@ -0,0 +1,5 @@
+{% extends "tablepage.html" %}
+{% block head %}
+    {{ super() }}
+    <script type="application/ecmascript" src="{{ static_autoversion("assets/autodatatable.js") }}"></script>
+{% endblock %}