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

我正在使用https://datatables.net和Bootstrap。Bootstrap/DataTable - 如何设置默认页面

这是我用来显示数据表代码：

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

我没有问题使表运行没有问题。但是，我想要更改默认页面不是默认的第一个。

我试图设置默认页是10号。我的意思是，当正装表不显示页码1，但对于实例显示为活动页面数10

但是似乎我不可以这样做。你能帮我解决吗？

在此先感谢！

来源

2016-05-23 Tony Stark

您可以使用DataTables API提供fnPageChangefunction和使用上的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

来源

2016-05-23 09:57:06

当过网页加载只是触发下方类

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

我在结束尝试它的工作原理为了我。我们可以做同样的用不同的选择也

来源

2016-05-23 09:58:20 Ramkee

你可以使用一个回调initComplete：

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

documentation

来源

2016-05-23 09:58:21

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

回答

相关问题