数据表分页、搜索无法工作


datatables pagination, search won't work

我刚开始使用数据表,初始化表的指令似乎很容易。

我能够让表出现,所有的数据都在里面,但是分页和搜索功能都不起作用。

请帮助。

这是我的代码:

<?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>

<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>

您必须启用datatable提供的各种选项,对于搜索和分页,您需要这样做。您应该查看文档中的其他可用选项

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