使用 ngHandsOnTable 更改单元格背景

【问题标题】：change cell background using ngHandsOnTable使用 ngHandsOnTable 更改单元格背景
【发布时间】：2016-02-09 09:04:25
【问题描述】：

我可以使用 ngHandsOnTable 呈现表格单元格。单击提交按钮时，我希望能够更改特定单元格的背景颜色。 ngHandsOnTable 包装器的问题是，我无法访问“td”属性。（使用它我可以像这样修改它 td.style.background = "yellow" 例如）

我尝试使用 customRenderer 并尝试将 td 对象保存在二维数组中。但是，如果我保存 td 对象引用，则背景属性更改不起作用。

【问题讨论】：

标签： javascript handsontable

【解决方案1】：

我碰巧通过使用 afterRender 回调解决了这个问题。如果我在此调用中使用 td.style.background，则单元格正在更改其背景颜色。不确定之前是否某些默认回调将单元格背景覆盖为白色。

在 NgHandsontable 中，我使用 afterInit 回调获取了热实例。

在这里推荐我的 cmets：https://github.com/handsontable/handsontable/issues/3206

var afterRender= function (color) {
    var td = hotInstance.getCell(row, col);
    td.style.background = color;
}

var afterInit = function () {
    hotInstance = this;
}

$scope.adjSettings = {
    afterInit: afterInit,
    afterChange: onCellEdit,
    afterRender: afterRender
};

【讨论】：