如何使分頁「下一步」按鈕在數據表中看起來不被禁用

我正在使用Datatables分頁顯示我的記錄。我的問題是，當我使用表格的「下一步」按鈕走到桌子的盡頭時，此按鈕變爲禁用狀態。我希望這個按鈕不要顯示爲禁用。我已經試過這樣：如何使分頁「下一步」按鈕在數據表中看起來不被禁用

$j('#buttonID').attr("disabled", "disabled"); 
$j('#buttonID').disable(true); 
$j('#buttonID').prop('disabled', false);

但這不工作。有人能幫我一個例子嗎？

來源

2017-02-14 Jurgen

我相信你需要刪除禁用的屬性，而不僅僅是改變它的值 –

因此，它的樣式，看看你喜歡什麼。 – dfsq

奇怪的要求。通過禁用該按鈕，它可以讓用戶看到他們已經到達結果集的末尾。你爲什麼不想要那個？ –

要刪除您需要刪除的屬性disabled，因爲在所有disabled="true"或disabled="false"被視爲disabled的禁用的效果，你可以使用removeAttr()：

$j('#buttonID').removeAttr('disabled');

希望這有助於。

$('#buttonID').removeAttr('disabled');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<button disabled="true">Button 1</button> 
 
<button disabled="false">Button 2</button> 
 
<button disabled>Button 3</button> 
 

 
<button id="buttonID" disabled>Button 4</button>

來源

2017-02-14 11:51:54

達到最後時，數據表將在下一個按鈕上設置「禁用」css類。

要刪除類，您將不得不打電話。

$("#buttonID").removeClass("disabled")

的問題是，你不能一次initialy調用此方法，因爲數據表可能以後禁用按鈕，所以最好的辦法是把這個呼叫步入回調已在DT導航後。

$('#myTable').dataTable({ 
    "drawCallback": function(settings) { 
     $("#buttonID").removeClass("disabled") 
    } 
});

像這樣的東西應該工作。

來源

2017-02-14 11:47:26

使用此 -

document.getElementById('buttonId').removeAttribute('disabled')

來源

2017-02-14 11:50:22

您可以更新CSS爲殘疾人按鈕DataTableCSS，如：

這是CSS爲使錨：

.dataTables_wrapper .dataTables_paginate .paginate_button { 
    box-sizing: border-box; 
    display: inline-block; 
    min-width: 1.5em; 
    padding: 0.5em 1em; 
    margin-left: 2px; 
    text-align: center; 
    text-decoration: none !important; 
    cursor: pointer; 
    color: #333 !important; 
    border: 1px solid transparent; 
    border-radius: 2px; 
}

拷貝CSS您禁用主播CSS。

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { 
    cursor: default; 
    color: #666 !important; 
    border: 1px solid transparent; 
    background: transparent; 
    box-shadow: none; 
}

來源

2017-02-14 11:52:37

如何使分頁「下一步」按鈕在數據表中看起來不被禁用

回答

相關問題