js html backgroundColor vs highlight

时间:2015-02-09 12:50:51

标签: javascript jquery html css

我在html中创建了一个表,并使用fnRowCallback方法并调用: datatableview.make_xeditable(xeditable_options)
我添加了以下代码,使未读行背景颜色为黄色 在datatableview.js下:

return function(nRow, mData, iDisplayIndex) {
        $('td a[data-xeditable]', nRow).editable(options);
        var html=String(mData[7]);
        var div = document.createElement("div");
        div.innerHTML = html;
        var a= (div.innerText);
        if (a=="Unread"){
            nRow.style.backgroundColor="yellow";

我现在的问题是,当我在表格中按行时,如果行不在黄色背景中(因为它有“读取”),行突出显示效果很好,但如果行未读,则突出显示不正确< / p>

enter image description here 你可以在第4行看到它的确定,在第6行,背景在高亮显示上 我在index.html中选择的代码:

 table.on('click', 'tr', function (e) {
           if(e.ctrlKey ){
                $(this).toggleClass( 'selected ');
               console.log(table.$("tr.selected"))
           }
           else{
                table.$("tr.selected").removeClass('selected');
                $(this).addClass('selected');

           }

任何想法?

1 个答案:

答案 0 :(得分:0)

.selected {
    background-color: blueish !important;
}

这可能会奏效。