Question

我刚开始使用数据表，初始化表格的说明似乎很简单。

我能够显示表格并且所有数据都在里面，但是分页和搜索功能都不起作用。

请帮忙。

这是我的代码：

<?php
Include 'DBFunctions.php';
?>

<html>
    <head>
        <!-- DataTables CSS -->
    <link rel="stylesheet" type="text/css" href="DataTables-1.10.9/media/css/jquery.dataTables.css">

    <!-- DataTables -->
    <script type="text/javascript" charset="utf8" src="DataTables-1.10.9/media/js/jquery.dataTables.js"></script>


    </head>
    <body>
        <?php

                $queryData = "select c.*, o.officer_name from coa c, officer o WHERE o.persnum = c.importing_officer ORDER BY date_imported DESC";
                $resultData = mysqli_query($link, $queryData) or die(mysqli_error($link));
                ?>
                <h1>View All COAs</h1><br>
                <table id="myTable" class="display">
                    <thead>
                        <tr>
                        <th>PO Number: </th>
                        <th>Chemical Name: </th>
                        <th>COA Date: </th>
                        <th>Quantity: </th>
                        <th>Plant Name: </th>
                        <th>Parameter Results: </th>
                        <th>Importing Officer: </th>
                        <th>COA Attempt: </th>
                        <th>Date Imported: </th>
                        <th>Pass/Fail: </th>
                        </tr>
                    </thead>
                    <?php
                    while ($row = mysqli_fetch_array($resultData)) {

                    ?>
                    <tbody>
                    <tr>
                        <td><?php echo $row['po_number']?></td>
                        <td><?php echo $row['chemical_name']?></td>
                        <td><?php echo $row['date_coa']?></td>
                        <td><?php echo $row['quantity']?></td>
                        <td><?php echo $row['plant_name']?></td>
                        <td><?php echo $row['parameters_results']?></td>
                        <td><?php echo $row['officer_name']?></td>
                        <td><?php echo $row['coa_attempt']?></td>
                        <td><?php echo $row['date_imported']?></td>
                        <td><?php echo $row['pass_or_fail']?></td>
                    </tr>
                    </tbody>
                    <?php } ?>

                </table>

                <script>
                $(document).ready( function () {
                    $('#myTable').DataTable({
                    });
                } );
                </script>

    </body>

</html>

Answer 1

从<tbody>循环中取出while，如下所示：

<tbody>
<?php
while ($row = mysqli_fetch_array($resultData)) {
?>
   <tr>
      <td><?php echo $row['po_number']?></td>
      <td><?php echo $row['chemical_name']?></td>
      <td><?php echo $row['date_coa']?></td>
      <td><?php echo $row['quantity']?></td>
      <td><?php echo $row['plant_name']?></td>
      <td><?php echo $row['parameters_results']?></td>
      <td><?php echo $row['officer_name']?></td>
      <td><?php echo $row['coa_attempt']?></td>
      <td><?php echo $row['date_imported']?></td>
      <td><?php echo $row['pass_or_fail']?></td>
   </tr>
<?php } ?>
</tbody>

Answer 2

您必须启用数据表提供的各种选项，以便进行搜索和分页。您应该查看documentation以了解其他可用选项

$(document).ready( function () {
             $('#myTable').DataTable({
              "paging": true,
             "searching": true,
          });
       } );

数据表分页，搜索将无法正常工作

2 个答案: