琴丁辰 发表于 2025-6-6 09:54:47

如何用 vxe-table 实现单元格内容格式化金额,千位分隔符,负数显示红色

如何用 vxe-table 实现单元格内容格式化金额,千位分隔符,负数显示红色
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
在 vxe-table 配置格式化金额非常简单,通过内置的数值格式化器就可以直接配置实现。
cellRender: { name: 'FormatNumberInput', showNegativeStatus: true, props: { type: 'amount' } }

其中 showNegativeStatus 是当数组为负数时,是否自动显示红色,如果 type=amount 时,可以配置是否千位分隔和现实货币符号
<template>

    <vxe-grid v-bind="gridOptions"></vxe-grid>

</template>https://gitee.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 如何用 vxe-table 实现单元格内容格式化金额,千位分隔符,负数显示红色