Изменение функциональности CSS Datatables

Question

У меня проблемы с выяснением того, как работать с плагином Datatables для jQuery, в том, что мне нужно, например, если есть 3 пронумерованных ссылки на страницы, которые также имеют ссылки First, Previous, Next, Last. Если вы были на странице 1, то к кнопкам «Первая», «Предыдущая» следует применять только pagination_button_disabled css, но вместо этого она также имеет кнопку «paginate» и затем первый или предыдущий стиль css. Я просто хочу, чтобы первый и последний имели стиль css paginate_button_disabled, если вы находитесь на странице 1 и явно уважаете, если вы были на странице 3, тогда Last и Next должны быть отключены.

Answer 1

Ммм может быть что-то вроде:

var currentPage = parseInt($(...).text(), 10);
var totalPages = parseInt($(...).text(), 10);
$(".page").removeClass("pagination_button_disabled"); //Enable all initially
if(currentPage == 1){
  $("#first, #previous").addClass("pagination_button_disabled");
}
if(currentPage == totalPages){
  $("#last, #next").addClass("pagination_button_disabled");
}

Надеюсь, это поможет. Приветствия

Answer 2

Я думаю, что даже если у них есть класс 'paginate_button_disabled', CSS для этого класса не определен (фактически весь CSS наследуется от класса 'paging_full_numbers').Я думаю, что вы должны определить правило css

.paging_full_numbers  .paginate_button_disabled{
    //put your rule for disabled content here
    color: gray;
}

после загрузки таблиц данных. CSS

EDIT - я отредактировал вашу скрипку (единственное, что я изменил, это то, что я загрузил источник данных из данных.net site, потому что ссылка на ваш скрипт была сломана).

Я добавил эту строку css

.dataTables_paginate .paginate_button_disabled{
     display:none;   
}

, а отключенные кнопки скрыты.Смотрите здесь: http://jsfiddle.net/F7GLm/2/