可手持-can't为自定义单元格设置千分隔符

Handsontable - can't set thousand separator for custom cell

本文关键字：自定义 单元格 设置 分隔符 -can      更新时间：2023-09-26

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

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/

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

应用自定义渲染器时，会覆盖渲染器的类型，因此必须自己设置。如果您查看您的代码，您使用的是TextRenderer，您现在可能已经猜到了，这将呈现text。在Handontable中，数字的类型为numeric，关联的渲染器为NumericRenderer。因此，解决方案：

更换

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

带

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

它应该在那之后工作！

相关文章：