javascript - jQuery jTable 分页无法正常工作

Question

我在基于 Web 的项目中使用 jquery jTable。当行数小于 10,000 时，它的分页工作正常。但是，当行数超过 10000 时，它会导致分页出现不熟悉的问题。分页开始跳过奇数页编号。您可以在下图中看到它:

我的 jTable 的 javaScript 代码是:

$("#AllProductTable").jtable({
            paging: true,
            pageSize: 10,
            columnSelectable: false,
            actions: {
                listAction: '/ProductDefinition/Select'
            },
            fields: {
                ProductId: { visibility: 'hidden', listClass: 'right-align' },
                ProductCode: { title: 'Product Code' }, 
                // more fields...
            },
            recordsLoaded: function (event, data) {

            }
        });

而我的 jTable 的 html 标记是:

 <div id="AllProductTable" style="width:400%;"></div>

我探索了很多\，但没有找到与之相关的解决方案。我更无法理解这种失误行为。

Answer 1

最后我成功解决了这个问题。我浏览了 jquery.jtable.js 整个文件，并在其中一个函数中发现了一些奇怪的东西。该功能是；

_refreshGotoPageInput: function() {
    // different logic statements 
    //...

    //Skip some pages is there are too many pages
    var pageStep = 1;
    if (currentPageCount > 10000) {       // if you having  more than 10,000 pages
       pageStep = 100;
    } else if (currentPageCount > 5000) {  // if you having  more than 5000 pages
         pageStep = 10;
    } else if (currentPageCount > 2000) {  // if you having  more than 2000 pages
         pageStep = 5;
    } else if (currentPageCount > 1000) {  // if you having  more than 1000 pages 
         pageStep = 2;
    }

    //....
    // Differnet logic statements
}

您只需对上面给出的函数的这部分进行注释，或者根据您自己的实现逻辑进行修改即可。

在我上面提到的案例中，我的 no_of_pages 从 1000 开始增加，这就是为什么它需要更改页面的 2 个步骤等等。