Question

这是我显示数据表的代码：

<script type="text/javascript">
    $(document)
        .ready(function () {
            $('#datatable').dataTable({
                "order": [[ 0, "desc" ]],
                "page": 10
            });
        });
</script>

我没有问题让表格运行没有问题。但是我想默认将默认页面更改为第一个默认页面。

我试图将默认页面设置为数字10.我的意思是当表格加载时不显示页码1，但是例如显示为活动页码10。

然而，我似乎无法做到这一点。你能帮帮我吗？

提前致谢！

Answer 1

你可以使用回调initComplete：

$('#datatable').dataTable({    
   initComplete: function () {                    
                    this.api().page(2).draw( 'page' );
                }
});

documentation

Answer 2

您可以使用function提供的 fnPageChange DataTables API并将其用于datatables的对象，并在页面加载时动态更改，如下所示：

$(document)
  .ready(function() {
    var table = $('#datatable').dataTable({
      "order": [
        [0, "desc"]
      ],
      "page": 10
    });
    //store reference in a variable say table here
    table.fnPageChange(2,true); //change page to 2 and redraw the table
});

2是页码，第二个参数询问datatable到redraw。

<强> FIDDLE DEMO

注意： - 如果您使用的是dataTables版本1.10或更高版本，则可以使用以下选项

有一个 displayStart 选项，可让您设置默认页面。

请注意，displayStart值是基于零的记录计数，而不是页面。如果您每页有10条记录，displayStart: 10将显示页面2

$('#my-datatable').DataTable( {
  'displayStart': 10
} );

<强> Source

Answer 3

当页面加载时只触发类

$( ".paginate_button  [data-dt-idx='10']" ).trigger("click");

我试着在我的最后它适合我。我们也可以对不同的选择器做同样的事情

Bootstrap / DataTable - 如何设置默认页面

3 个答案: