使用ngHandsOnTable更改单元格背景

Question

我能够使用ngHandsOnTable渲染表格单元格。 单击提交按钮，我希望能够更改特定单元格的背景颜色。使用ngHandsOnTable包装器的问题是，我没有办法访问“＆td”。属性。 （使用它我可以像这样修改它td.style.background =＆＃34;黄色＆＃34;例如）

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

Answer 1

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

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

在此处引用我的评论：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
};