whileループからのエコー時にhtmlテーブルが混在します

Question

whileループでエコーが発生するとHTMLテーブルが混ざります。ベローが出力イメージを添付しました。どのように私はループの結果で通常のテーブルを得ることができますか？マニュアルデータを検索してテーブルデータを取得しています。

<?php 
if (isset($_POST['submit_date'])) { 
    if (empty($_POST['m_date'])) { 
     echo '<div class="alert alert-danger">Error: Select date then search</div>'; 
    }else{ 
     $m_date = $_POST['m_date']; 
     $q = mysqli_query($conn, "SELECT * FROM bazar_dor WHERE m_date='$m_date'"); 
echo '<table style="width:100%"> 
<tr> 
  <th>Category Name</th> 
  <th>Price</th> 
  </tr> 
<tr> 
'; 

     while ($row=mysqli_fetch_array($q)) { 
      $cat_name = $row['cat_name']; 
      $price = $row['price']; 
      echo '<td>'.$cat_name.'</td><td>'.$price.'</td>'; 
     } 

echo '</tr></table>'; 

    } 
} 
?> 

the output i am getting from this code

Answer 1

あなたにも、あなたのループ内にテーブル行（<tr>）を含める必要がありますように見えます。現在のコードでは、同じ行にあるすべてのデータが出力されます。間違いなくテーブルが破損します。

echo '<table style="width:100%"> 
     <tr> 
      <th>Category Name</th> 
      <th>Price</th> 
     </tr>'; 

while ($row=mysqli_fetch_array($q)) { 
    $cat_name = $row['cat_name']; 
    $price = $row['price']; 
    echo '<tr><td>'.$cat_name.'</td><td>'.$price.'</td></tr>'; 
} 

echo '</table>'; 

Answer 2

あなたがダウンして私の答えを投票なぜそれがcorrctあるこの

<?php if (isset($_POST['submit_date'])) { if (empty($_POST['m_date'])) { echo '<div 
     class="alert alert-danger">Error: Select date then search</div>'; }else{ $m_date = $_POST['m_date']; 
$q = mysqli_query($conn, "SELECT * FROM bazar_dor WHERE m_date='$m_date'"); 
echo '<table style="width:100%"> <tr> 
       <th>Category Name</th>   <th>Price</th>   </tr> '; 
while ($row=mysqli_fetch_array($q)) { $cat_name = $row['cat_name']; 
$price = $row['price']; echo '<tr><td>'.$cat_name.'</td><td>'.$price.'</td><\tr>'; 
} echo '</table>'; 
} } ?>