Javascript 数据表分页不起作用
我正在使用DataTable以服务器端模式和ajax显示数据。Javascript 数据表分页不起作用,javascript,php,pagination,datatables,Javascript,Php,Pagination,Datatables,我正在使用DataTable以服务器端模式和ajax显示数据。 一切正常,但分页不起作用 您可以按如下方式查看代码: HTML: DataTable的所有组件都工作正常,但分页不正常。参数recordsFiltered必须等于recordsTotal,除非用户执行搜索。有关发送和接收参数的更多信息,请参阅 还要确保您在响应中返回的draw参数值相同。除非用户执行搜索,否则draw参数的值必须与中draw参数的值相匹配。参数recordsFiltered必须等于recordsTotal。有关发送
一切正常,但分页不起作用 您可以按如下方式查看代码: HTML:
DataTable的所有组件都工作正常,但分页不正常。参数
recordsFiltered
必须等于recordsTotal
,除非用户执行搜索。有关发送和接收参数的更多信息,请参阅
还要确保您在响应中返回的
draw
参数值相同。除非用户执行搜索,否则draw
参数的值必须与中draw
参数的值相匹配。参数recordsFiltered
必须等于recordsTotal
。有关发送和接收参数的更多信息,请参阅
还要确保您在响应中返回的
draw
参数值相同。在draw的值中
参数必须与来自的draw
参数的值匹配。我猜这与您使用顶部下拉菜单将结果集过滤到25有关。底部显示了从1208中筛选出的25个条目中的25个。它应该显示1208中的25。@Mike:你说得很好,但现在的问题是recordsTotal
和recordsFiltered
从同一个源获取数据计数。我认为recordsTotal
=表中的所有行(ex:1208),以及recordsFiltered
=一次显示的数据(ex:25)。但是现在我换到了同一个源(例如:1208)。我猜这与你使用顶部的下拉菜单将结果集过滤到25有关。底部显示了从1208中筛选出的25个条目中的25个。它应该显示1208中的25。@Mike:你说得很好,但现在的问题是recordsTotal
和recordsFiltered
从同一个源获取数据计数。我认为recordsTotal
=表中的所有行(ex:1208),以及recordsFiltered
=一次显示的数据(ex:25)。但是现在我换到了同一个来源(例如:1208)。谢谢,我从手册中得到了:recordsTotal
=“数据库中的记录总数”和recordsFiltered
=“过滤后的记录总数-不仅仅是此数据页返回的记录数”。老实说,我还是不明白两者之间的区别them@LionKing,例如,如果您搜索一个术语London
,则recordsTotal
仍应包含所有记录的总数,而recordsFiltered
应包含术语London
的记录数。现在我明白了这个想法。谢谢,我从手册中得到:recordsTotal
=“数据库中的记录总数”和recordsFiltered
=“应用过滤后的记录总数-不仅仅是此数据页返回的记录数”。老实说,我还是不明白两者之间的区别them@LionKing,例如,如果您搜索一个术语London
,则recordsTotal
仍应包含所有记录的总数,而recordsFiltered
应包含术语London
的记录数。现在我明白了这个想法。
<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>
$(document).ready(function () {
$('#table').DataTable({
serverSide: true,
ajax: {
url: '<?php echo base_url(); ?>folder/class/method'
},
processing: true,
scrollY: 370,
paging: true,
bJQueryUI: true
});
});
{
"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"]
]
}