tmnf-replay-server/templates/datatable.html

<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/{{ map_uid }}',
                  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>