【发布时间】:2016-01-11 20:22:38
【问题描述】:
我正在使用 DataTable 通过 serverSide 模式和 ajax 显示我的数据。
一切正常,但分页不起作用。
您可以查看以下代码:
HTML:
<table id="table" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<td>ID</td>
<td>First name</td>
<td>Last name</td>
<td>Email</td>
</tr>
</thead>
<tbody></tbody>
</table>
Javascript:
$(document).ready(function () {
$('#table').DataTable({
serverSide: true,
ajax: {
url: '<?php echo base_url(); ?>folder/class/method'
},
processing: true,
scrollY: 370,
paging: true,
bJQueryUI: true
});
});
从服务器(JSON)返回的数据如下:
{
"draw": 1,
"recordsTotal": 1208,
"recordsFiltered": 10,
"data": [
["1", "pando", "rewar", "pando@hotmail.com"],
["2", "chori", "raon", "m_chori@hotmail.com"],
["3", "Gorbat", "horiz", "horiz_555@yahoo.com"],
["4", "martin", "sokza", "martin_em5@gmail.com"],
["5", "dooz", "solda", "solda_m@gmail.com"],
["6", "maro", "meza", "r_meza@hotmail.com"],
["7", "nod", "ion", "nod_eam@yahoo.com"],
["8", "kaz", "loob", "kaz_007@hotmail.com"],
["9", "Barbara", "Elliott", "adipiscing@nonmassanon.org"],
["10", "Kendall", "Nathaniel", "ante.blandit@scelerisque.edu"]
]
}
DataTable 的所有组件都可以正常工作,但分页却不行。
【问题讨论】:
-
我猜这与您使用顶部下拉菜单将结果集过滤为 25 有关。在底部它说显示 25 个条目中的 25 个,从 1208 过滤。它应该显示 1208 中的 25 个。
-
@Mike:请注意,但现在的问题是
recordsTotal和recordsFiltered从同一来源获取数据计数。我认为recordsTotal= 表中的所有行(例如:1208),recordsFiltered= 一次显示的数据(例如:25)。但现在我更改为相同的来源(例如:1208)。
标签: javascript php pagination datatables