Datatable的分页插件显示最后一个索引页码

时间:2015-10-16 05:39:34

标签: javascript jquery pagination datatables

以下是使用jQuery的dataTable插件的分页代码。 此代码最终产生一个额外的页码。

 $('#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": "<<"
        },
    }

有关。例如:我们有120条记录,每页显示10条记录。但我们可以在UI中看到第12页索引,即最后一页索引。我怎么能删除它?

enter image description here

1 个答案:

答案 0 :(得分:1)

  

<强>原因

如果您有120条记录,则会有12页面,其中包含111120的记录。

显然,您已将自定义样式应用于分页。在页面512之间的默认样式中,还有省略号(...)元素。很可能你的CSS规则隐藏了这个元素。

Default pagination control

请参阅this jsFiddle以获取代码和演示。

  

<强>解

更正CSS规则以显示省略号(...)字符。

或者,请参阅my answer on how to remove ellipses或文章jQuery DataTables – Pagination without ellipses