更改數據表CSS功能

我無法弄清楚如何處理jQuery的Datatables插件，事實上我需要例如有3個編號的頁面鏈接，它們會有第一個，上一個，下一個，最後一個鏈接以及。如果你在頁面1上，那麼第一個，上一個按鈕應該只應用pagination_button_disabled css，但它也有分頁按鈕，然後是第一個或上一個css樣式。我只想第一個和最後一個擁有paginate_button_disabled的css風格，如果你在頁面1上，並且顯然如果你在頁面3時被尊敬，那麼Last和Next應該被禁用。更改數據表CSS功能

來源

2011-07-08 Jeff Davidson

我很確定這已經是DataTables的核心功能了。你確定你導入了DataTables的結構化css文件嗎？ 'jquery.dataTables.css' –

我認爲，即使他們有'paginate_button_disabled'類，也沒有定義該類的CSS（實際上所有CSS都是從類'paging_full_numbers'繼承的）。我想你加載數據表CSS

編輯後，你應該定義一個CSS規則

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

- 我編輯了自己的小提琴（只有我修改的是我裝的源數據表從datatables.net網站，因爲你的腳本鏈接被打破）。

我加入這一行的CSS

.dataTables_paginate .paginate_button_disabled{ 
    display:none; 
}

和禁用的按鈕被隱藏。看看這裏：http://jsfiddle.net/F7GLm/2/

來源

2011-07-10 00:36:56

我已經有了我的paginate_button_disabled安裝程序與這些規則的類，它仍然沒有這樣做。 kansasoutlawwrestling.com/manager/css/style.css –

你可以發佈你的代碼（CSS，HTML和JavaScript？）（如果你在jsfiddle.net上創建一個小提琴更好）。你使用什麼版本的數據表？ –

http://jsfiddle.net/F7GLm/但由於某種原因，它不顯示每頁1行。但它在我的CMS中。 –

嗯，也許是這樣的：

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"); 
}

希望這有助於。乾杯

來源

2011-07-08 19:52:57

謝謝，但究竟該放在哪裏？進入他或其他地方的主要js文件？ –

更改數據表CSS功能

回答

相關問題