javascript - 如何根据 Handsontable 中的表格单元格值设置表格单元格外观

Question

我正在使用Handsontable对于 PHP与 MySQL 数据库。

在我的表中，a 有 6 列，如下所示:

|产品 |数量|好 |损坏 |切割和撕裂 |

数量=良好+损坏+切割和撕裂

首先，我将在表中输入“产品”和“数量”，然后“良好”、“损坏”、“切割和撕裂”的值将自动设置为零。但是，当我在任何单元格“良好”、“损坏”或“剪切和撕裂”中输入值时，单元格的背景将为红色，直到这三个单元格的总值(“良好”、“损坏”和“剪切和撕裂”) Torn”)将等于“数量”单元格的值。现在我需要一些指南来通过 JS 实现这一目标？任何帮助将不胜感激。

Answer 1

您可以使用此解决方案:

Handsontable.hooks.add('afterRender', function() {
var d = this;
var quantity = d.getDataAtCol(1);
var good = d.getDataAtCol(2);
var damaged = d.getDataAtCol(3);
var cut_torn = d.getDataAtCol(4);


$.each(quantity,function(i,v){
    if (+good[i] !== 0 || +damaged[i] !== 0 || +cut_torn[i] !== 0){
 if ((+good[i]] + +damaged[i] + +cut_torn[i]) != v ) {
  $(d.getCell(i,1)).css({'background':'yellow'});
  $(d.getCell(i,2)).css({'background':'red'});
  $(d.getCell(i,3)).css({'background':'red'});
  $(d.getCell(i,4)).css({'background':'red'});
 } 
 }
});
});