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

Question

我正在与 https://datatables.net 合作和 Bootstrap 。

这是我用于显示数据表的代码:

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

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

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

但是我似乎无法做到这一点。你能帮我一下吗？

提前致谢!

Answer 1

您可以使用fnPageChange DataTables API 提供的 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重绘。

<强> FIDDLE DEMO

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

有一个displayStart 选项将允许您设置默认页面。

请注意，displayStart 值是从零开始的记录计数，而不是页数。如果每页有 10 条记录，displayStart: 10 将显示第 2

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

<强> Source