отключить кнопки в таблицах данных, которые не имеют данных

Question

Я хочу отключить кнопки нумерации страниц, когда нет данных.т.е. когда пользователь видит данные на последней странице, в таблице будет отключена последняя кнопка, то же самое с первой страницей, предыдущей и следующей соответственно.

У меня следующий код

$('#data_table').dataTable( {
                "aaData": dataSet,
                "aaSorting": [[0,'asc'],[0,'desc'],[2,'asc'],[2,'desc'],[3,'asc'],[3,'desc'],[4,'asc'],[4,'desc'],[5,'asc'],[5,'desc'],[6,'asc'],[6,'desc'],[7,'asc'],[7,'desc']],
                "iDisplayLength": 4,                
                "bInfo": true,
                "bLengthChange": false,
                "bPaginate": true,
                "bAutoWidth": false,
                "sPaginationType": "full_numbers",
                "bAutoWidth": true
})

У меня естьЯ сделал часть разбивки на страницы, но когда я вижу данные последней страницы, я все еще могу нажать на последнюю кнопку, и если я вижу данные первой страницы, я все еще могу нажать на первую кнопку.кнопка должна быть отключена, если мы на первой странице или на последней странице.

Answer 1

Добавить

.paginate_button_disabled {display: none; }

к вашему CSS. Это будет работать только для "нумерации" версии нумерации страниц.

Answer 2

Ну, я думаю, вы можете скрыть их через CSS.

.dataTables_paginate .ui-state-disabled {
     display:none;
}

если вы предоставите пример на jsfiddle.net, где вам лучше помочь

Answer 3

Это функция .dataTable (), добавляющая класс CSS к первой и последней кнопкам?Используйте Firebug, чтобы узнать.

Если это так, просто используйте CSS.

a.last-disabled { display: none; }

или jQuery и CSS:

$('a.last-disabled').css('color', '#ccc'); // grey out
$('a.last-disabled').click(function() { return false; });