BootstrapTable之千分位分隔符设置

BootstrapTable之千分位分隔符设置


前言

在最近的工作中遇到了数字数据显示千分位分隔符的需求,这是数字显示中常见的需求,好在BootstrapTable中可以很容易的实现,具体思路为:写一个显示千分位的函数在对应的列调用即可。


一、自定义千分位分隔显示函数

自定义一个千分位显示的函数,具体代码如下所示,其中,调用toLocaleString()即可完成千分位分隔符显示的功能。但千分位分隔符显示的对象必须是数值,因此,对于不是数值的先要通过Number()将对象转成数值。

    //显示千分位分隔符
    function  showSeparator(value)
    {
        if (value == undefined)
        {
            return "";
        }else{
            return Number(value).toLocaleString();
        }
    }

二、对应列调用函数实现分隔符显示

完成上述自定义函数后在对应的字段下调用该方法即可,具体代码如下,注意,这是在BootstrapTable下实现的功能,必须在formatter: function (value) { }函数下return我们自定义的方法。

	{
         field : 'SJ_MONTH12_FEE_TOTAL',
         title : '实际',
         sortable : true,   //所在列是否排序
         align : 'right',
         //显示千分位分隔符
         formatter: function (value) {
               return showSeparator(value);            
             }
     },

总结

以上就是Bootstraptable下数值千分位分隔符显示的实现方法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值