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

【问题标题】：Bootstrap/DataTable - How to set default pageBootstrap/DataTable - 如何设置默认页面
【发布时间】：2016-09-20 03:13:49
【问题描述】：

我正在使用 https://datatables.net 和 Bootstrap。

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

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

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

我尝试将默认页面设置为第 10 页。我的意思是在加载表格时不显示第 1 页，而是显示为活动第 10 页。

但是，我似乎做不到。你能帮帮我吗？

提前致谢！

【问题讨论】：

标签： jquery html twitter-bootstrap datatable

【解决方案1】：

您可以使用DataTables API 提供的fnPageChange function 并在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

【讨论】：

【解决方案2】：

当页面加载在类下面触发时

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

我在最后尝试过它对我有用。我们也可以对不同的选择器做同样的事情

【讨论】：

【解决方案3】：

您可以使用回调 initComplete：

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

documentation

【讨论】：