Question

我创建了一个包含jQuery datatables插件的表，允许选择多行。我想知道如何使用按钮在一次性中取消选择所有行。这是我的代码：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

尝试在此fiddle

中完成此类操作

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

     })
});

Answer 3

我知道我参加聚会有点晚了但是只要有人遇到这个问题，DataTables就有一个名为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

取消选择数据表上的多行

3 个答案: