时间戳

首页 > 解决方案 > 带有 php 代码的引导数据表不起作用

php - 带有 php 代码的引导数据表不起作用

问题描述

我正在尝试使用数据表在databasewith中进行排序和搜索，bootstrap 4但它不起作用，就像它不是排序、分页或搜索数据一样。我不知道为什么它不起作用。这是我的代码：

    <link href="css/addons/datatables.min.css" rel="stylesheet">


    <div class="table-responsive">
       <table id="datas" class="table table-striped table-bordered" cellspacing="0" style="width:100%">

         <thead style="color:black;" >
           <th>id</th>
           <th>Product</th>
           <th>Price</th>
           <th>Weight</th>
           <th>Image</th>
           <th>Type</th>
           <th>Type 2</th>
         </thead>    

    <?php

    $get = mysqli_query($conn,"SELECT * FROM products;");

    while ($row=mysqli_fetch_array($get)) {
      $id=$row['product_id'];
      $name=$row['product_name'];

      $type2=$row['product_type'];
      $weight=$row['weight'];
      $price=$row['product_price'];

      $type=$row['type'];
      $img=$row['img'];    

      $get1 = mysqli_query($conn," SELECT * FROM money WHERE name='$type' ");

      while ($row=mysqli_fetch_assoc($get1)) {
        $p=$row['price'];  
        $newprice = $p*$weight;    
      }   

?>
        <tbody>
        <td><?php echo $id;?></td>
        <td><?php echo $name;?></td>
        <td>$<?php echo $newprice;?></td>
        <td><?php echo $weight;?> g</td>
        <td>
          <img  src="<?php echo $img; ?>" style="height:5rem;width:5rem;border-radius:10px;">
        </td>
        <td><?php echo $type;?></td>
        <td><?php echo $type2;?></td>

        </tbody>

        <?php
        }
        ?>  


          </table>

    <script type="text/javascript" src="js/addons/datatables.min.js"></script>



    <script type="text/javascript">
      $(document).ready(function (){
        $('#datas').DataTable();
      });
    </script>

已经 4 天了，我正在尝试解决这个问题，我也尝试了 bootstrap 3，但结果仍然相同

有没有人知道问题出在哪里？有什么我想念的吗？这是数据表看起来像 图片 数据表已创建但不起作用的图片。

控制台错误

标签： phpbootstrap-4

解决方案

因为您必须放在<tbody>while 循环之外，而且您还忘记添加 table-raw 标记<tr>，所以我更新了您的代码

<tbody>
<?php
while ($row=mysqli_fetch_assoc($get1)) {
$p=$row['price'];  
$newprice = $p*$weight;

}
?>
  <tr>
    <td><?php echo $id;?></td>
    <td><?php echo $name;?></td>
    <td>$<?php echo $newprice;?></td>
    <td><?php echo $weight;?> g</td>
    <td>
      <img  src="<?php echo $img; ?>" style="height:5rem;width:5rem;border-radius:10px;">
    </td>
    <td><?php echo $type;?></td>
    <td><?php echo $type2;?></td>
  </tr>
<?php } ?>  
</tbody>

推荐阅读