jquery - Jquery 数据表无法突出显示行？

Question

我正在尝试这样做，以便当用户单击表格中的一行时，它会突出显示：

我在这里使用 jquery 数据表插件：http: //datatables.net/

我的 CSS

.row-modified {
    background-color: '#000';
}

我的事件处理程序

$("#mytable tbody tr").live("click", function(event){
    console.log("Row Clicked");
  $(event.target).parent().find("td").addClass('row-modified');
});            

我在做什么有什么问题？（注意：我正在起诉随数据表提供的默认 CSS）。

Answer 1

.row-modified {
    background-color: #000 !important;
}

这是唯一需要更改的（删除了包裹颜色的 '' ，并添加了！important）

Answer 2

这对我有用：答案取自 - https://datatables.net/examples/api/select_single_row.html

$(document).ready(function() {
var table = $('#example').DataTable(); 

$('#example tbody').on( 'click', 'tr', function () {
    if ( $(this).hasClass('selected') ) {
        $(this).removeClass('selected');
    }
    else {
        table.$('tr.selected').removeClass('selected');
        $(this).addClass('selected');
    }
}); 

$('#button').click( function () {
    table.row('.selected').remove().draw( false );
});

});