diff --git a/app/static/js/history.js b/app/static/js/history.js
new file mode 100644
index 0000000000000000000000000000000000000000..bf0e2ced293f07898e4ae349236eda9765f3f25e
--- /dev/null
+++ b/app/static/js/history.js
@@ -0,0 +1,13 @@
+$(document).ready(function () {
+    $("#host_version_table").DataTable({
+        "lengthMenu": [[1, 5, 10, 25, -1], [1, 5, 10, 25, "All"]],
+        "order": [[1, "desc"]]
+    });
+});
+
+$(document).ready(function () {
+    $("#group_version_table").DataTable({
+        "lengthMenu": [[1, 5, 10, 25, -1], [1, 5, 10, 25, "All"]],
+        "order": [[1, "desc"]]
+    });
+});
diff --git a/app/templates/base.html b/app/templates/base.html
index 6025517036591dee8fbf3c393089636828ff0a95..2cca31c9fcf0e6c36a2f45282897dcb5cac58e4d 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -78,6 +78,7 @@
   <script type=text/javascript>
     $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
   </script>
+  <script src="{{ url_for('static', filename='js/history.js') }}"></script>
   <script src="{{ url_for('static', filename='js/csentry.js') }}"></script>
   {% block csentry_scripts %}{% endblock %}
 {% endblock %}