【发布时间】:2016-01-31 07:01:09
【问题描述】:
我在使用 Bootstrap 的 jQuery DataTables 中一次获取行数时遇到问题。首先,我下面的代码从数据库中获取全部数据并开始分页。
但我希望一次加载一页的数据。
我的 PHP 代码是:
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th> Name</th>
<th>category</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<?php foreach ($datastat as $row) {
?>
<tr>
<td><?php echo $row['fname'];?> <?php echo $row['mname'];?> <?php echo $row['lname'];?></a></td>
<td><?php echo $row['category'];?></td>
<td><?php echo $row['location'];?></td>
</tr>
<?php }?>
</tbody>
<tfoot>
<tr>
<th> Name</th>
<th>category</th>
<th>Location</th>
</tr>
</tfoot>
</table>
我的 javascript 代码是:
$(function() {
$('#example1').dataTable({
"bPaginate": true,
"bLengthChange": true,
"bFilter": true,
"bSort": true,
"pageLength": 10
});
});
【问题讨论】:
-
文档站点上有服务器端分页演示和服务器端连接器
-
这可能是因为 jquery 在错误的时间被调用(行没有准备好)。我会将所有这些数据发送到客户端,然后使用 JavaScript 或 JQuery 创建表行。然后进行 JQuery 调用。或者做@charlietfl 提到的。
-
@devtye 行怎么可能没有准备好...该表正在服务器端生成。不可能发生
-
@charlietfl 好电话,你是对的。你认为发生了什么?
-
没什么错...我理解 OP 希望页面上的数据更少
标签: javascript php jquery twitter-bootstrap datatables