Jquery 引导/数据表-如何设置默认页面
我正在使用和引导 这是我显示数据表的代码:Jquery 引导/数据表-如何设置默认页面,jquery,html,twitter-bootstrap,datatable,Jquery,Html,Twitter Bootstrap,Datatable,我正在使用和引导 这是我显示数据表的代码: <script type="text/javascript"> $(document) .ready(function () { $('#datatable').dataTable({ "order": [[ 0, "desc" ]], "page": 10 }); }); </scr
<script type="text/javascript">
$(document)
.ready(function () {
$('#datatable').dataTable({
"order": [[ 0, "desc" ]],
"page": 10
});
});
</script>
$(文件)
.ready(函数(){
$('#datatable')。datatable({
“订单”:[[0,“说明”]],
“页码”:10
});
});
我可以让桌子顺利运行。但是,我想将默认页面更改为默认情况下的第一个页面
我尝试将默认页面设置为10号。我的意思是,当加载表时,不显示页码1,而是显示为活动页码10
然而,我似乎不能做到这一点。你能帮帮我吗
提前谢谢 您可以使用数据表API
提供的函数
,在数据表
的对象上使用该函数,并在页面加载时动态更改,如下所示:
$(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
注意:-如果您使用的是dataTables
1.10版或更高版本,您可以使用下面的选项
有一个选项允许您设置默认页面
请注意,displayStart
值是一个从零开始的记录计数,而不是页面计数。如果每页有10条记录,displayStart:10
将显示第2页
$('#my-datatable').DataTable( {
'displayStart': 10
} );
您可以使用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
注意:-如果您使用的是dataTables
1.10版或更高版本,您可以使用下面的选项
有一个选项允许您设置默认页面
请注意,displayStart
值是一个从零开始的记录计数,而不是页面计数。如果每页有10条记录,displayStart:10
将显示第2页
$('#my-datatable').DataTable( {
'displayStart': 10
} );
当页面加载在类下面触发时
$( ".paginate_button [data-dt-idx='10']" ).trigger("click");
我尽了最大努力,这对我很有效。当页面加载在类下面触发时,我们也可以对不同的选择器执行相同的操作
$( ".paginate_button [data-dt-idx='10']" ).trigger("click");
我尽了最大努力,这对我很有效。我们可以对不同的选择器执行相同的操作,也可以使用回调initComplete:
$('#datatable').dataTable({
initComplete: function () {
this.api().page(2).draw( 'page' );
}
});
您可以使用回调初始化完成:
$('#datatable').dataTable({
initComplete: function () {
this.api().page(2).draw( 'page' );
}
});