javascript - 数据表 - 加载时显示最后一页

Question

我想加载一个带有数据表的页面并在加载时显示分页中的最后一页。现在我有一个按钮，按下它可以移动到最后一页。

演示页面

我的.js文件

$(document).ready(function () {
    var table = $('#example').DataTable({
        "ajax": url
    });

    $('#lastpage').on('click', function () {
        table.page('last').draw(false);
    });
     });

谢谢

更新1：

使用计时器的新演示，首先加载第 1 页，然后移动到最后一页。

演示页面 - 计时器刷新按钮

js

var url = "http://www.json-generator.com/api/json/get/bWIUWNtazS?indent=2";

$(document).ready(function () {

var table = $('#example').dataTable({
ajax: {
url : 'http://dnses.net/project88751/api/expenses.php?action=getExpenses',
dataType: 'json'
},
processing: true,
serverSide: true,
initComplete: function(settings, json) {
$('.dataTables_scrollBody').css({ 'overflow' : 'hidden', 'overflow-y' : 'auto' });
setTimeout(function() {
var api = new $.fn.dataTable.Api( settings );
api.page('last').draw('page');} , 40);
},

});
}); 

更新2：

是这段代码吗，我设法从第一页加载数据，但分页显示最后一页！

演示页面 - 显示第一页的数据

js：

$(document).ready( function () {
  var table = $("#example").DataTable({
"ajax": {
"url" : "http://dnses.net/project88751/api/expenses.php?action=getExpenses",
"dataType": "json"
},
"processing": true,
"serverSide": true,
    initComplete: function() {
      var api = this.api();
      var info = api.page.info();
      api.page(info.pages - 1).draw(false);
    }
  });
});

标签： javascriptjqueryajaxdatatables