Question

以下是使用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页索引，即最后一页索引。我怎么能删除它？

Answer 1

<强>原因

如果您有120条记录，则会有12页面，其中包含111到120的记录。

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

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

<强>解

更正CSS规则以显示省略号（...）字符。

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

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

1 个答案: