javascript - Handsontable - 无法为自定义单元格设置千位分隔符

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);

之后它应该可以工作了!