找回密码
 立即注册
首页 业界区 业界 如何用 vxe-table 实现单元格内容格式化金额,千位分隔 ...

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

琴丁辰 2025-6-6 09:54:47
如何用 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' } }
1.png

其中 showNegativeStatus 是当数组为负数时,是否自动显示红色,如果 type=amount 时,可以配置是否千位分隔和现实货币符号
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
https://gitee.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册