Question

我正在努力使其在用户点击表格中的一行时突出显示：

我在这里使用jquery datatables插件： 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;
}

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

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

}）;

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

2 个答案: