2012-04-25 54 views
0

我試圖讓這個當用戶點擊上表中的行,它強調:Jquery數據表無法突出顯示行?

我使用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)。

+0

does $(this).addClass('row-modified'); workjs爲你而不是$(event.target)..... – Daniel 2012-04-25 19:23:47

+0

剛剛嘗試過,它不起作用。調試語句打印雖然。 – Rolando 2012-04-25 19:25:10

回答

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); 
}); 

(移除包裹的顏色,並添加了'重要!) });