Я хотел бы загрузить страницу с таблицами данных и при загрузке, чтобы показать последнюю страницу в пагинации. теперь у меня есть кнопка и я нажимаю ее, чтобы перейти на последнюю страницу.
демонстрационная страница
мой js файл
$(document).ready(function () {
var table = $('#example').DataTable({
"ajax": url
});
$('#lastpage').on('click', function () {
table.page('last').draw(false);
});
});
Спасибо
Обновление 1:
новая демонстрация с использованием таймера, сначала загрузите страницу 1, а затем перейдите на последнюю страницу.
демонстрационная страница - таймер refre sh кнопки
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);
}
});
});