如何使用jquery更改外部数据表中的页码数据表？

Question

我将 DataTables 1.10.4 与 php 和 jquery 一起使用。 我想要带有 jquery 的页码表，但我的代码不起作用？请掌舵我？

$(function(){

        dTable  =   $('#allProductsTbl').DataTable({
            "aLengthMenu": [[1, 50, 100, -1], [20, 50, 100, "همه"]],
            "responsive": true,
            "language": {
                "url": "../data/include/public/Persian.json"
            },
            "processing": true,
            "serverSide": true,
            "ajax":"products/op/dt_processing.php"
        });
        dTable.order( [ 3, 'desc' ] ).draw();
        //alert('pageNumber:'+dTable.page());
       dTable.page(3).draw(false);

    });

Answer 1

解决方案

使用page() API 方法设置表格的当前页。请注意，页码从零开始，因此 page(3) 打开第 4^th 页。

例如：

$('#allProductsTbl').on('xhr.dt', function ( e, settings, json ) {
   var api = new $.fn.dataTable.Api(settings);
   api.page(3).draw(false);
});

var dTable = $('#allProductsTbl').DataTable({
   "aLengthMenu": [[1, 50, 100, -1], [20, 50, 100, "همه"]],
   "responsive": true,
   "language": {
      "url": "../data/include/public/Persian.json"
   },
   "processing": true,
   "serverSide": true,
   "ajax":"products/op/dt_processing.php",
   "order": [[ 3, 'desc' ]]
});

演示

请参阅this jsFiddle 进行演示。