jquery - Jqueryデータテーブルは行を強調表示できませんか？

Question

ユーザーがテーブルの行をクリックすると、次のように強調表示されるようにしようとしています。

私はここでjquerydatatablesプラグインを使用しています：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 );
});

}）;