데이터 테이블에서 여러 행 선택 해제

Question

여러 행을 선택할 수있는 jQuery 데이터 가능 플러그인이있는 테이블을 만들었습니다. 버튼을 사용하여 한 번에 모든 행을 선택 취소하는 방법에 대해 궁금합니다. 여기 내 코드는 다음과 같습니다. http://jsfiddle.net/v6VTB/5/

$(document).ready(function() {  
$('#example5').dataTable({ 
     "bPaginate": true, 
     "bLengthChange": false, 
     "bFilter": true, 
     "bSort": true, 
     "bInfo": true, 
     "bAutoWidth": false 
    }); 
    /* Add/remove class to a row when clicked on */ 
    $('#example5 tr').click(function() { 
     $(this).toggleClass('row_selected'); 
    }); 
}); 
$('#example5').css('min-height','300'); 
​ 

Answer 1

클래스를 제거하기 만하면됩니다.

$('.btn_r').click(function() { 
    $('.row_selected').removeClass('row_selected') 
}) 

http://jsfiddle.net/EfFA2/

Answer 2

는 DataTables이 플러그인을 가지고, 내가 파티에 있지만, 단지 사람이 건너 온다 까봐 조금 늦게 해요 알고이 fiddle

$('.btn_r').click(function() { 
    $('#example5 tr').each(function(){ 
      if ($(this).hasClass('row_selected')) 
      $(this).removeClass('row_selected'); 

    }) 
}); 

Answer 3

에서 수행 같은 것을 시도 전체 행을 선택 취소하고 선택 해제하기위한 버튼이 내장 된 TableTools가 있습니다. 뿐만 아니라 인쇄 및 기타 기능. datatables 웹 사이트에서 가져온

빠른 예 :

$(document).ready(function() { 
$('#example').DataTable({   
    dom: 'T<"clear">lfrtip',   
    tableTools: {    
     "sRowSelect": "multi",    
     "aButtons": [ "select_all", "select_none" ]  
    }  
}); 

});

여기에 링크가 있습니다. https://datatables.net/release-datatables/extensions/TableTools/examples/select_multi.html