Implement resposive tables for small devices

src/static/js/main.js

@@ -5,7 +5,11 @@ $(document).ready(function () {
     // if ($(TABLE_CLASS)) {
     const data_table = $(TABLE_CLASS).DataTable({
         "lengthMenu": [[-1], ["All"]],
-        "dom": 'it'
+        "dom": 'it',
+        rowReorder: {
+            selector: 'td:nth-child(2)'
+        },
+        responsive: true,
     });
     // }
     $('#data-table-search-input').keyup(function () {

src/templates/base.jinja2

@@ -64,8 +64,11 @@
 
 
 {% block js_tail %}{% endblock %}
-<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/js/jquery.dataTables.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
+<script src="https://cdn.datatables.net/rowreorder/1.2.5/js/dataTables.rowReorder.min.js"></script>
+<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
+
 <script src="{{ static('js/main.js') }}"></script>
 
 </body>