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

Question

我正在使用Handsontable for MySQL和MySQL数据库。

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

| 产品展示 数量 | 好 损坏 切碎

数量=好+损坏+割破

首先，我将在表中输入“产品”和“数量”，届时“好”，“损坏”，“剪切和撕裂”的值将自动设置为零。 但是，当我在“ Good”，“ Damaged”或“ Cut＆Torn”任一单元格中输入值时，该单元格的背景将变为红色，直到这三个单元格的总值（“ Good”，“ Damaged”和“ Cut＆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'});
 } 
 }
});
});