突出显示其值已更新的制表符单元格

Question

如果有 Tabulator table 并动态更新或向其添加新行。我想突出显示其值已更改的现有行中的单元格。假设我的 table 对象是 myTable，我在下面写了几行：

myTable.updateOrAddData(fieldsData).then(function (rows) {
    for (var key in rows[0]['_row']['cells']) {
        if (rows[0]['_row']['cells'].hasOwnProperty(key))
            if (rows[0]['_row']['cells'][key]['oldValue'] != null) {
                // Now get the element of the current cell and apply jQuery highlight to it
            }
    }
});

如何获取单元格元素？

Answer 1

下面的代码让我可以访问随着行更新而改变的单元格元素：

myTable.updateOrAddData(row).then(function(rows) {
  try {
    for (var key in rows[0]['_row']['cells']) {
      if (rows[0]['_row']['cells'].hasOwnProperty(key))
        if (typeof rows[0]['_row']['cells'][key]['oldValue'] != 'undefined' && rows[0]['_row']['cells'][key]['oldValue'] != null) {
          var cell = rows[0]['_row'].getCell(rows[0]['_row']['cells'][key]['column']['field']); // specify the column to get the cell of
          $(cell['element']).effect("highlight", {
            color: '#329cff'
         }, 1000); // highlight effect for 1 second
        }
    }
  } catch (e) {}
});

突出显示其值已更新的制表符单元格

Highlight Tabulator cell which its value is updated

jquery

tabulator