如何使用JavaScript或PHP按列填充表格单元格

Question

我有一个html表Image table，我想使用数据库（mysql）中的数据填充或填充html表。这是来自数据库Image Data的数据。我想不出任何办法将每个供应商名称的数据放入我的html表中。你们知道怎么做吗？使用任何语言，例如PHP，JavaScript。

这是我的实际表Actual Image。我已经尝试过了，但只得到了供应商名称。这是我获取供应商名称的代码。这应该是预期的输出Output Image

<thead>
 <tr id="tr-1">
   <th><th><th><th><th></th></th></th></th></th>

   <?php $i = 1; foreach ($supp_name as $key => $value) { ?>
      <th colspan="2" class="supplier_name_class"><input type="text" class="supplier_name" placeholder="Supplier Name" id="supplier_name-1" value="<?php echo $value->supplier_name; ?>" style="width: 300px; text-align: center;"></th>
   <?php $i++; } ?>

   </tr>
     <tr id="tr-2">
     <th>LN</th>
     <th>PR No</th>
     <th>Description</th>
     <th>Qty</th>
     <th>Unit</th>

     <?php $i = 1; foreach ($supp_name as $key => $value) { ?>
         <th>Price</th>
         <th>Total</th>
     <?php $i++; } ?>

   </tr>
 </thead>
 <tbody>

 <?php $i = 1; foreach ($supp_dtl as $key => $value) { ?>
 <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
 </tr>

 </tbody>