2017-04-13 51 views
1

我是新的Datatables,我有一個表格,默認顯示前10行。我試圖將該類添加到所有行,而不僅僅是默認的10 ...Datatables添加類到所有正文行

var table = $("#datatable-buttons").DataTable({...}) 
table.rows.removeClass('selected') 

$('tbody tr').removeClass('selected') 

$(tables.table().body()).removeClass('selected') 

,但沒有成功:( 是否可以通過單擊按鈕將select類添加到所有行?

+0

我相信是的。但是有一個小提琴或是什麼讓我們可以看到整個畫面。 –

回答

3

我相信一定類添加到所有行的最好方式是在初始化時:使用

table.on('click', 'tbody tr', function() { 
    var $row = table.row(this).nodes().to$(); 
    var hasClass = $row.hasClass('selected'); 
    if (hasClass) { 
    $row.removeClass('selected') 
    } else { 
    $row.addClass('selected') 
    } 
}) 

您還可以

var table = $('#example').DataTable({ 
    createdRow: function (row, data, index) { 
    $(row).addClass('selected') 
    } 
}) 

您可以添加/後點擊刪除類的行代碼在行動中刪除(或添加)一類的所有行通過

table.rows().every(function() { 
    this.nodes().to$().removeClass('selected') 
}) 

所有的例子在這裏 - >http://jsfiddle.net/c67q2b4x/

+0

太棒了!它像一個魅力! :) 非常感謝! :) – Dana