jquery - 当数据更改时如何突出显示制表符中的单个单元格

Question

我尝试使用 jQuery .effect() 函数突出显示制表符数据从服务器刷新时的更改。

我仍在使用 Tabulator 3.5，因此认为 jQuery .effect() 将是最简单的方法。不强制使用，只要能达到预期效果即​​可。

我尝试在表中设置一个简单的计数器，其中值在更改时突出显示(还没有ajax)，但只能突出显示整个行、列或行和列，而不能特别是细胞。

var i = 1;
var timer = setInterval(function(){
    if(i<=5){
        var id = 12345;
        var row = $("#live-table").tabulator("getRow", id);

        // Manually updated for now - from ajax later
        $("#live-table").tabulator("updateData", [{playerId:id, blah:i}]);

        // Successfully highlights the col on value change
        $("#live-table .tabulator-cell[tabulator-field=blah]").effect( "highlight",{color: '#329cff'},3000);
        // Successfully highlights the row on value change
        $("#live-table .tabulator-row:nth-child(1)").effect( "highlight",{color: '#329cff'},3000);

        i++;
    }else{
        clearInterval(timer);
        console.log("cleared");
    }
}, 3000); 

我尝试使用不同的语法将这两行组合成一个 .effect() 以仅突出显示单元格，但这并没有成功。

我已经在文档中搜索了可以使用的回调(例如 dataEdited 等)，但尚未找到。如果有可用的东西检测到 CELL 值的变化，那么接下来会更简单，因为将有一些处理服务器端使用我当前的方法实际找到更改的数据 - 特别是行号和列名称...

更新: Fiddle我想要实现的目标。

Answer 1

您还可以在制表器回调中使用这种简单的方法。更新数据后，在特定单元格上调用触发函数来访问 cellEdited():

Javascript

cellEdited:function(cell){             
cell.getElement().style.color= "#ffffff";              //CHANGE CELL WHITE FONT
cell.getElement().style.backgroundColor = "#e68a00";   //CHANGE CELL GOLD COLOR
}