首页 文章

数据表分页下一步按钮不起作用

提问于
浏览
0

我正在使用datatables / bootstrap.yadcf,其中数据被分页并使用ajax收集 .

var oTable = $('#myTable').DataTable({
        pagingType: "full_numbers",
            searching: true,
            select: true,
            lengthChange: false,
            pageLength: "10",
            scrollY: "550px",
            scrollCollapse: true,
            processing: true,
            language: { 
                info:           "Show _START_ to _END_ from _TOTAL_ (filterded) zoekvragen (Pag. _PAGE_ from _PAGES_)",
                infoEmpty:      "No data",
                emptyTable:     "No data",
                zeroRecords:    "No data",
                infoFiltered:   " - Total number of zoekvragen: _MAX_",
                paginate: {first: "First", last: "Last", next: "Next", previous: "Previous"}
            },
            serverSide: true,
            ajax: {url: '/intakes/ajax', type: 'GET'},

            columns: [
                { width: "10%", data: "familienaam", render: function(data, type, row) {return "<a href='/intakes/" + row.zoekvraagId + "'>" + row.familienaam +  ' ' + row.voornamen + "</a>";}},
                ... more columns
                ]
        });

在表格的底部,我看到了可选择的页面 . 如果单击页面,则从服务器检索正确的数据集并显示在浏览器客户端中(10个条目) . 当我选择最后一次并按下几次时,一切正常 .

如果从不是第一页的页面点击下一步,则没有任何反应 . 我在 table 底部注意到以下内容:

选择第1页:从926显示1到10(已过滤)zoekvragen(第93页第1页)所选第2页:从926显示11到926(已过滤)zoekvragen(第93页第2页)所选第3页:显示第21到926页来自926(过滤)zoekvragen(第3页,来自93)

最后一个很奇怪 . 显示了10个条目,其中一个预期“显示21到30来自926(过滤)zoekvragen(第3页来自93)”

使用过的库(bootstrap-4):

<script src="/webjars/jquery/3.2.1/jquery.min.js"></script>
<script src="/webjars/jquery-ui/1.12.1/jquery-ui.min.js"></script>
<script src="/webjars/popper.js/1.12.5/dist/umd/popper.min.js"></script>
<script src="/webjars/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>

<script type="text/javascript" charset="utf-8" src="/webjars/datatables/1.10.15/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/webjars/yadcf/0.9.1/jquery.dataTables.yadcf.js"></script>

<link rel="stylesheet" type="text/css" href="/webjars/jquery-ui/1.12.1/jquery-ui.min.css" />
<link rel="stylesheet" href="/webjars/bootstrap/4.0.0-beta/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/webjars/datatables/1.10.15/media/css/jquery.dataTables.min.css" />
<link rel="stylesheet" type="text/css" href="/webjars/yadcf/0.9.1/jquery.dataTables.yadcf.css" />

1 回答

  • 2

    解决了这个问题 . pageLength应该是整数而不是字符串 . 更换

    pageLength: "10"
    

    通过

    pageLength: 10
    

    解决了这个问题 .

相关问题