Trying to use Datatable in a custom page. Could Ghost messing up the scripts?

Developer help
1

Trying to use and test Datables plugin for styling a table in a custom page. Dataable installation is pretty straighforward. Add a couple line of scripts, call the css, initialize the table, and add the good id to your table.

But myinstallation is not working. Don’t know where to look. Could Ghost jquery be messing with Datatable scripts?

I would really appreciate if someone tell me what is wrong here :) The page is here for you to inspect the code if you want:

https://lefinrenard.com/index-des-prix-a-lepicerie/

And here’s the script / css I added in the head + the html for the table.


  <link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.css" />
    <script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.js"></script>
    <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.7.0.js"></script>
    <script>
        $(document).ready(function () {
            $('#indexprix').DataTable();
        });
    </script>

<div class="table-container kg-width-wide">
  <table id="indexprix">
<thead>
  <tr>
    <th>Produit</th>
    <th>Meilleur prix de l'année</th>
    <th>1er novembre 2023</th>
    <th>Épicerie</th>
    <th>7 novembre 2023</th>
    <th>Épicerie</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Boeuf haché mi-maigre (prix/lbs)</td>
    <td></td>
    <td>3.77 $</td>
    <td>Super C</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Porc haché (prix/lbs)</td>
    <td></td>
    <td>2.33 $</td>
    <td>Maxi</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Cuisses de poulet (prix/lbs)</td>
    <td></td>
    <td>1.49 $</td>
    <td>Metro</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Poitrines de poulet (prix/lbs)</td>
    <td></td>
    <td>6 $</td>
    <td>Super C</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Poulet entier (prix/lbs)</td>
    <td></td>
    <td>2.29 $</td>
    <td>Adonis</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Épaule de porc (prix/lbs)</td>
    <td></td>
    <td>3 $</td>
    <td>Super C</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Filet de porc (prix/lbs)</td>
    <td></td>
    <td>3.99 $</td>
    <td>Metro</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Pommes de terre blanches - 10 lbs</td>
    <td></td>
    <td>5.99 $</td>
    <td>IGA</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Carottes - 5 lbs</td>
    <td></td>
    <td>4.99 $</td>
    <td>IGA</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Céleri</td>
    <td></td>
    <td>3 $</td>
    <td>Super C</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Brocoli</td>
    <td></td>
    <td>2 $</td>
    <td>Adonis</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Choux fleur</td>
    <td></td>
    <td>3.97 $</td>
    <td>Walmart</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Faux filet de boeuf (prix/lbs)</td>
    <td></td>
    <td>13.02 $</td>
    <td>Adonis</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Filet mignon de boeuf (prix/lbs)</td>
    <td></td>
    <td>14.99 $</td>
    <td>Adonis</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Filet de saumon frais atlantique</td>
    <td></td>
    <td>8.99 $</td>
    <td>IGA</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Beurre</td>
    <td></td>
    <td>5.44 $</td>
    <td>IGA</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Oeufs</td>
    <td></td>
    <td>2.44 $</td>
    <td>Metro</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Bacon</td>
    <td></td>
    <td>4.49 $</td>
    <td>Metro</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Rôti de palette de boeuf</td>
    <td></td>
    <td>4.99 $</td>
    <td>IGA</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Jus d'orange frais</td>
    <td></td>
    <td>3.49 $</td>
    <td>IGA</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Bifteck d'aloyau</td>
    <td></td>
    <td>7.99 $</td>
    <td>Adonis</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Bleuets</td>
    <td></td>
    <td>4.99 $</td>
    <td>Provigo</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Fraises</td>
    <td></td>
    <td>2.99 $</td>
    <td>Provigo</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Mini concombres</td>
    <td></td>
    <td>1.5 $</td>
    <td>Super C</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Oranges</td>
    <td></td>
    <td>2 $</td>
    <td>Super C, Metro</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Tomates en dés</td>
    <td></td>
    <td>1.49 $</td>
    <td>Maxi</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Mayonnaise</td>
    <td></td>
    <td>5.45 $</td>
    <td>Super C</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Bananes</td>
    <td></td>
    <td>0.89 $</td>
    <td>Metro</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td>Sirop d'érable (540 ml)</td>
    <td></td>
    <td>5.88 $</td>
    <td>IGA</td>
    <td></td>
    <td></td>
  </tr>
</tbody>
</table>
</div>