我已经创建了一个Handsontable,并通过根据表格列“MIN_REMAINING_LIFE”中的值为每个单元格指定特定的单元格渲染器,为表格添加了条件格式。根据Handsontable网站上的说明。
https://docs.handsontable.com/0.31.2/demo-conditional-formatting.html
这很好用。我的表格行会根据“MIN_REMAINING_LIFE”列中的值更改颜色。但是,当我在已经分配了渲染器的任何这些行中覆盖另一个css属性(在这种情况下使该行变为粗体)时。什么都没发生。渲染器不会更新其值。我提供了我的代码,尝试在下面双击更新渲染器。
var addDblClick = function (tableName, hot) {
hot.view.wt.update('onCellDblClick', function (row, cell) {
var selectedRow = hot.getSelected()[0];
addHighlightRow(hot, selectedRow);
});
}
var addHighlightRow = function (hot, selectedRow) {
if (selectedRow != null) {
var columnTotal = hot.countCols();
for (var i=0;i<columnTotal;i++) {
hot.getCellMeta(selectedRow, i).renderer = selectedRowCellRenderer
}
hot.render();
}
}
var selectedRowCellRenderer = function (instance, td, row, col, prop, value, cellProperties) {
Handsontable.renderers.TextRenderer.apply(this, arguments);
td.style.color = 'black';
td.style.fontWeight = '800';
}
我也创造了这个特殊问题的小提琴。见下面的链接。
https://jsfiddle.net/JoshAdams/w8amwLvb/
您可以按照以下屏幕截图复制此问题。
所以我的问题是。如何更新行的“Bold”属性(或任何css属性)但仍保持应用于单元格的当前条件格式设置渲染器?