2012-04-25 6 views
0

私は、ユーザーがテーブルの行をクリックしたとき、それがハイライト表示されるようにそれを作るしようとしています:Jqueryのデータ型は行をハイライトできませんか?

私はここにプラグインjqueryのDataTableのを使用しています: 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'); 
});    

私がやって何が間違っていますか? (注:私はdatatablesで提供されるデフォルトのCSSを訴えています)。

+0

$(this).addClass( 'row-modified');代わりにあなたのためのworkjs $(event.target)..... – Daniel

+0

ちょうどそれを試しても動作しません。デバッグステートメントは、しかし、印刷されます。 – Rolando

答えて

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

だことだけ

0

これは、私の作品に必要な変更: 回答から撮影 - 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); 
}); 

( '' 色を包み、そして追加したことを削除重要!) });

関連する問題