数据表 - 在鼠标悬停时突出显示行

时间:2017-08-15 12:46:12

标签: jquery html datatables mouseover

我尝试在某个值出错时突出显示一行,而是突出显示鼠标悬停时的每一行。

我的错误在哪里?

https://jsfiddle.net/p0np06mx/

$('#table1').DataTable( {
        "bFilter" : false,
        "ordering": true,
        columnDefs: [{
        orderable: false,
        targets: "no-sort"}],
        "paging": false,
        drawCallback: function (settings) {
        $('#table1 tr').each(function () {
            var Cell = $(this).find('td:eq(3)');
            debugger;
            if (Cell.text() !== 'error') {

                $(this).find('button').hide();
                $(this).find('textarea').hide();

            }else{

                $(this).parent().on('mouseover', 'tr', function() {
                    $(this).css('background-color', '#ff6900'); 

                    $(this).bind("mouseout", function(){
                        $(this).css('background-color', '');
                    });

                });
            }

        });
    }

2 个答案:

答案 0 :(得分:2)

fiddle,只需替换

$(this)

cell

你确保你指向正确的元素

答案 1 :(得分:0)

您应该在鼠标悬停时运行查询。现在,您在绘制表格后立即运行单元格查询。