Joindre des tables et récupérer des données sur des accordéons/réductibles et des tables WordPress

Je souhaite récupérer les données de deux tables en les joignant et en affichant la catégorie sur accordéons/pliable et sous celles-ci, je souhaite afficher les informations sur le produit dans la table liée à cette catégorie. J’ai du code mais je reçois une catégorie et des données de table plus d’une fois, comme indiqué dans les captures d’écran, veuillez m’aider.

entrez la description de l’image ici

entrez la description de l’image ici

<?php
global $wpdb;
$result = $wpdb->get_results ( "SELECT * FROM `wp_orderlist`
JOIN wp_product_category ON
wp_product_category.item_id=wp_orderlist.category
where wp_product_category.item_id=wp_orderlist.category");

   foreach ( $result as $print){
                                   ?>
    <button class="collapsible"> <?php echo $print->category?>/button>
    <div class="content">

   <table border="1">
   <tr>
   <th>Item Description</th>
   <th>Packing Size</th>
   <th>Cart</th>
   </tr>

    foreach ( $result as $print )   {

    echo '<tr>';
    echo '<td>'. $print->Item_Description.'</td>';
    echo '<td>'. $print->Packing.'</td>';
    echo '<td> <input type="submit" value="ADD"> </td>';
    echo '</tr>';
      } //ending nested loop
    echo '</tr> ';
     ?>
   </table>
   </div>
   <?php }?>//ending main loop

Solution n°1 trouvée

    <?php   // I find my solution to my problem
      global $wpdb;
      $result = $wpdb->get_results ( "SELECT * from wp_product_category  ");

       foreach ( $result as $print){
       $cat = $print->item_id;
       ?>
      <button class="collapsible"><?=$print->category  ?><span style="margin-
      left:130px;"><?=$print->category  ?></span>  </button>

     <div class="content">
    <table border="1">
    <tr>
    <th>Item_ID</th>
     <th>Item Description</th>
     <th>Packing Size</th>
        <th>Cart</th>
       </tr>
      <?php
       $result1 = $wpdb->get_results ( "SELECT * FROM wp_orderlist where
       category_id = $cat ");
       foreach ( $result1 as $print1 )   {

      echo '<tr>';
      echo '<td>'. $print1->item_id.'</td>';
      echo '<td>'. $print1->Item_Description.'</td>';
      echo '<td>'. $print1->Packing.'</td>';
      echo '<td> <form method="post"> <input type="submit" name="add"
     href="$print1->item_id" value="ADD"></form> </td>';
     echo '</tr>';
    }
    }

  echo '</tr> ';
   ?>

  </table>
  </div>
  <?php } ?>