데이터 테이블에서 페이지 매김 "다음"버튼이 보이지 않게하는 방법

Question

내 레코드를 표시하기 위해 Datatables 페이지 매김을 사용하고 있습니다. 내 문제는 테이블의 "다음"버튼을 사용하여 테이블 끝으로 가면이 버튼이 비활성화된다는 것입니다. 이 버튼을 보이지 않게하고 싶습니다. 사용 안함. 나는 이것을 시도했다 :

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

그러나 이것은 효과가 없다. 아무도 도와 드릴 수 있습니까?

Answer 1

당신이 사용할 수있는, 당신이 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>

Answer 2

Datatables는 끝날 때 다음 버튼에서 CSS 클래스를 "비활성화"로 설정합니다.

클래스를 삭제하려면 전화해야합니다.

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

문제는 datatables 나중에 버튼을 비활성화 할 수 있기 때문에 가장 좋은 방법은 당신이 DT에서 탐색 한 후 콜백으로이 호출을 넣어하는 것입니다, 그래서 당신이 한 번 initialy이를 호출 할 수 있다는 것입니다.

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

이와 비슷한 것이 좋습니다.

Answer 3

사용이 -

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

Answer 4

당신은 같은 DataTableCSS에서 장애인 버튼의 CSS를 업데이트 할 수 있습니다 :이 대한 수 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; 
}