使用 jquery 插件和 php 对动态数据表进行分页

Question

我正在尝试从 postgresql 数据库中对我的动态数据表进行分页。数据被加载到页面上，但是当它加载时，分页不起作用。另外，如果我输入静态数据，它也可以工作。

我正在使用 jquery 插件 jquery.js 和 jquery.dataTables.js

我认为我的 jquery 代码没有获取表格，不确定

    <script type="text/javascript" charset="utf-8">
        $(document).ready(function {
            $('#example').dataTable( {
                "itemsOnPage": 8,
                "sPaginationType": "full_numbers",
                "bPaginate": true,
                "bLengthChange": true,
                "bFilter": true
            }
            );
        } );
    </script>

这是我的桌子

    <table cellpadding="0" cellspacing="0" id="example">
    <thead>
     <tr>
       <th width="6%"><strong>col1</strong></th>
       <th width="20%"><strong>col2</strong></th>
       <th width="30%"><strong>col3</strong></th>
     </tr>
    </thead>

    <tbody class="selects">
     <?php
      $count=0;
      while($row=pg_fetch_array($result))
      {?>
     <tr>
     <td><?php echo $row['col1']; ?></td>
     <td><?php echo $name =$row['col2']; ?></td>
     <td><?php echo $type =$row['col3']; ?></td>
     <?php $count=$count++; ?>
     </tr>
    <?php  }
   ?>
   </tbody>
   </table>

Answer 1

您必须将$('#example').dataTable() 更改为$('#example').DataTable()，就是这样。