<!DOCTYPE html>


<html>
<head>
{% load static %}
{% load static %}
{% get_static_prefix as STATIC_PREFIX %}
{% include "chlamdb/header.html" %}
</head>

<body>
  <div class="container-fluid" id="main_container">
    <div class="row">
      <div id="wrapper">
          <div id="page-content-wrapper">
            <div class="row">
              <div class="col-lg-12">
                 {% include "chlamdb/menu.html" %}
                 <br>
                    <table class="display" id="mytable_module" style="width: 100%; padding-right: 1em">
                        <style>
                          table {
                            table-layout: fixed; }
                        </style>
                        <thead>
                            <tr>
                              {% for entry in header %}
                              <th> {{entry|safe}} </th>
                              {% endfor %}
                              {% for taxon in taxons %}
                                <th valign="bottom"><div>{{ taxon}}</div></th>
                              {% endfor %}
                              </tr>
                        </thead>
                        <body>
                            <tr>
                            {% for line in entries %}
                              {% for value in line %}
                                  <td> {{value|safe}} </td>
                              {% endfor %}
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
               </div>
             </div>
            </div>
          </div>
        </div>
    </div>






<script>
  $(document).ready(function() {
  $('#mytable_module').DataTable( {
  dom: 'Bfrtip',
  "paging":   true,
  "ordering": true,
  "info":     false,
  buttons: [
    {
        extend: 'excel',
        title: 'kepp_maps'
    },
    {
        extend: 'csv',
        title: 'kepp_maps'
    }
  ],
  } );
  } );
$('.dropdown-toggle').dropdown()
</script>

</body>
</html>
