Javascript 数据表';s分页插件显示最后一个索引页码
下面是我使用jQuery的dataTable插件进行分页的代码。 这段代码最后会产生一个额外的页码Javascript 数据表';s分页插件显示最后一个索引页码,javascript,jquery,pagination,datatables,Javascript,Jquery,Pagination,Datatables,下面是我使用jQuery的dataTable插件进行分页的代码。 这段代码最后会产生一个额外的页码 $('#example').DataTable({ "pagingType": "full_numbers", fnCreatedRow: function (nRow, aData, iDataIndex) { $("#example").find("td").addClass("ellipsis"); var progressId = "#pr
$('#example').DataTable({
"pagingType": "full_numbers",
fnCreatedRow: function (nRow, aData, iDataIndex) {
$("#example").find("td").addClass("ellipsis");
var progressId = "#progressbar" + iDataIndex;
$(progressId).progressbar({
value: 37
});
},
dom: '<"top"iflp<"clear">>rt',
processing: true,
serverSide: true,
order: [[2, "asc"]],
language: {
"emptyTable": "<div class='TabletextRow' style='margin-left:6% !important'><div class='Icon-Nodata'></div> <div class='TableNodataText' style='margin-top:1% !important'> No Records Found.</div>",
"loadingRecords": "Loading...",
"aria": {
"sortascending": ": activate to sort column ascending",
"sortdescending": ": activate to sort column descending"
},
"paginate": {
"first": "First",
"last": "Last",
"next": ">>",
"previous": "<<"
},
}
$('#示例')。数据表({
“pagingType”:“完整编号”,
fnCreatedRow:函数(nRow、aData、iDataIndex){
$(“#示例”).find(“td”).addClass(“省略号”);
var progressId=“#progressbar”+IDatandex;
$(progressId).progressbar({
价值:37
});
},
dom:'rt',
处理:对,
服务器端:是的,
订单:[[2,“asc”]],
语言:{
“emptyTable”:“未找到任何记录。”,
“加载记录”:“加载…”,
“咏叹调”:{
“排序设置”:“激活以对列升序排序”,
“sortdescending”:“激活以对列进行降序排序”
},
“分页”:{
“第一”:“第一”,
“last”:“last”,
“下一步”:“>>”,
“以前的”:
原因
如果您有120
记录,则将有12
页,其中将包含111
到120
的记录
显然,您已将自定义样式应用于分页。在页面5
和12
之间的默认样式中,还有省略号(…
)元素。您的CSS规则很可能会隐藏此元素
有关代码和演示,请参阅
解决方案
更正CSS规则以显示省略号(…
)字符
或者,请参阅或文章。第12页应包含项目#110-119…是的,它包含,但我不想在UI上显示12。如何实现?每个按钮都有属性/类,您可以在css中点击,因此显示:无;一个指向该按钮的选择器。我可以这样做,但这不是可行的解决方案。当您在第12页时,第一个索引此时将显示第页。