禁用無數據的數據表中的按鈕

我想在沒有數據時禁用分頁按鈕。即當用戶正在看到最後一頁中的數據時，該表將具有與第一頁以及前一頁和下一頁相同的最後一個按鈕被禁用。禁用無數據的數據表中的按鈕

我有下面的代碼

$('#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 
})

我也做了分頁部分的工作，但是當IM看到最後一頁的數據我仍然可以點擊最後一個按鈕，如果IM看到第一頁的數據我還可以點擊第一個按鈕。如果我們在第一頁或最後一頁上，則禁用按鈕。

來源

2011-08-25 gargi

是.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; });

來源

2011-08-25 13:18:31

我的分頁號和最後一個，上一個，第一個，下一個按鈕直接來自行「sPaginationType」：「full_numbers」，所以我該如何使用css – gargi

那麼你可以通過CSS我想隱藏起來。

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

，如果你提供jsfiddle.net爲例磨片可以幫助您更好地

來源

2011-08-28 09:54:20

添加

.paginate_button_disabled {display: none; }

您CSS。這隻適用於「full_numbers」版本的分頁。

來源

2012-09-14 16:13:11

禁用無數據的數據表中的按鈕

回答

相關問題