<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>