Added Sort Functionality

usaon_benefit_tool/templates/assessments.html

@@ -44,7 +44,7 @@ <h5>
   {% endif %}
 
 
-  <table class='table'>
+  <table class='table' id="assessment">
 
     <thead>
       <tr>
@@ -88,4 +88,15 @@ <h5>
 
   </table>
 
+{% block scripts %}
+  {{ super() }}
+
+  <script>
+    jQuery(document).ready( function () {
+        jQuery('#assessment').DataTable();
+    } );
+  </script>
+{% endblock %}
+
+
 {% endblock %}

usaon_benefit_tool/templates/base.html

@@ -94,6 +94,13 @@
         return new bootstrap.Tooltip(tooltipTriggerEl)
       })
     </script>
+
+    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
+
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.css">
+
+    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.js"></script>
+
   {% endblock %}
 
 </body>

usaon_benefit_tool/templates/nodes.html

@@ -44,7 +44,7 @@ <h2>{% block title %}Object library{% endblock %}</h1>
   {% endif %}
 
 
-  <table class='table'>
+  <table class='table' id='objects'>
 
     <thead>
       <tr>
@@ -57,6 +57,7 @@ <h2>{% block title %}Object library{% endblock %}</h1>
         <th>Created by</th>
         <th>Created time</th>
         <th>Updated time</th>
+        <th>Delete</th>
         {% endif %}
 
       </tr>
@@ -93,4 +94,15 @@ <h2>{% block title %}Object library{% endblock %}</h1>
 
   </table>
 
+{% block scripts %}
+  {{ super() }}
+
+  <script>
+    jQuery(document).ready( function () {
+        jQuery('#objects').DataTable();
+    } );
+  </script>
+{% endblock %}
+
+
 {% endblock %}

usaon_benefit_tool/templates/users.html

@@ -9,4 +9,15 @@ <h2>{% block title %}Users{% endblock %}</h1>
     show_actions=True,
     edit_url=('user.get', [('user_id',':id')]),
   ) }}
+
+{% block scripts %}
+  {{ super() }}
+
+  <script>
+    jQuery(document).ready( function () {
+        jQuery('table').DataTable();
+    } );
+  </script>
+{% endblock %}
+
 {% endblock %}