<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#table_conso').DataTable();
} );
</script>
</head>
<section id="journal" style="display : flex; flex-direction : row; ">
<div style="margin-right:100px">
<table id="table_conso" class="dataTable" style="color : #212529; ">
<thead>
<tr>
<th>Aliment</th>
<th>Type</th>
<th>Date</th>
<th>Quantité</th>
</tr>
</thead>
<tbody id="t">
</tbody>
</table>
<script src="crud.js"></script>
</div>