Handsontable - 更新Cell的CSS属性并维护当前的Cell Renderer

时间:2017-06-14 05:12:35

标签: javascript css handsontable

我已经创建了一个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/

您可以按照以下屏幕截图复制此问题。

Conditional Formatting Bug

所以我的问题是。如何更新行的“Bold”属性(或任何css属性)但仍保持应用于单元格的当前条件格式设置渲染器?

0 个答案:

没有答案