<link rel="stylesheet" href="templates/Assets/css/AdminLTE.min.css">
<link rel="stylesheet" href="templates/Assets/css/dataTables.bootstrap.css">

<div class="BodyContainer">
  <div class="tab-content">
    <table id="tabela1" class="table table-bordered table-striped">
      <thead>
        <tr>
        <th>Data</th>
        <th>Produto</th>
        <th>Nome do Cliente</th>
        <th>Email</th>
        </tr>
      </thead>

      <tbody>
        {{Itens|safe}}
      </tbody>
    </table>
  </div>

  <script src="templates/Assets/js/jquery-3.1.1.min.js?"></script>
  <script src="templates/Assets/js/jquery.dataTables.min.js"></script>
  <script src="templates/Assets/js/dataTables.bootstrap.min.js"></script>
  <script src="templates/Assets/js/avisos.js"></script>
  <script>
    $(function () {
      
      $('#tabela1').DataTable({
        "paging": true,
        "order": [[ 2, "desc" ]],
        "lengthChange": true,
        "searching": true,
        "ordering": true,
        "info": true,
        "autoWidth": true
      });
         
    $('input').iCheck({
        checkboxClass: 'icheckbox_square-blue',
        radioClass: 'iradio_square-blue'
      });
      
    });
  </script>
</div>