wip: map info datatables

templates/datatable.html

@@ -0,0 +1,34 @@
+<div style="font-size: 16px; font-weight: 300;" class="mt-5 mb-3 ml-2 mr-2" role="main">
+  <table id="tableMain" class="table table-striped table-bordered table-sm"
+          cellspacing="0">
+      <thead>
+          <tr>
+              {% for item in header_col %}
+              <th class="th-sm font-weighIt-bold">{{ item }}</th>
+              {% endfor %}
+          </tr>
+      </thead>
+      <!-- tbody serverside processing -->
+  </table>
+  <script defer>
+      var dt = null
+      $(document).ready(function () {
+          dt = $('#tableMain').DataTable({
+              serverSide: true,
+                  ajax: {
+                  url: '/data-source',
+                  type: 'POST'
+              },
+  	          "columnDefs": [ 
+  	              {
+                    "targets": 3,
+                    "render": function ( data, type, full, meta ) {
+                        	     return '<a href=\"/static/'+data+'\" download>Download</a>';
+                              }
+                  }
+  	          ]
+          });
+          $('.dataTables_length').addClass('bs-select');
+      });
+  </script>
+</div>