Question

我正在使用Handsontable库编辑包含财务数据的电子表格。我设置了自定义数字格式，用''（空格）作为千分隔符。

numeral.language('ru', {
    delimiters: {
        thousands: ' ',
        decimal: ','
    },
    abbreviations: {
        thousand: 'k',
        million: 'm',
        billion: 'b',
        trillion: 't'
    },
    ordinal: function (number) {
        return number === 1 ? 'er' : 'ème';
    },
    currency: {
        symbol: '€'
    }
});

一切正常，但在某些（使用自定义颜色和文本对齐）单元格中，此设置不起作用。有什么问题？

用于设置颜色和对齐的自定义单元格渲染器：

function sumCellRenderer(instance, td, row, col, prop, value, cellProperties) {
    Handsontable.renderers.TextRenderer.apply(this, arguments);
    td.style.background = '#FFFF88';
    td.style.textAlign = 'right';      
}

http://jsfiddle.net/m2dxws5a/7/

的工作示例

底部的自定义单元格标有黄色。

Answer 1

应用自定义渲染器时，会覆盖渲染器的类型，因此必须自行设置。如果您查看代码，那么您正在使用TextRenderer，并且正如您现在可能猜到的那样，这将呈现text。在Handsontable中，数字为numeric，相关的渲染器为NumericRenderer。所以，解决方案：

替换

Handsontable.renderers.TextRenderer.apply(this, arguments);

使用

Handsontable.renderers.NumericRenderer.apply(this, arguments);

之后它应该有效！

Handsontable - 无法为自定义单元格

1 个答案: