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下数值千分位分隔符显示的实现方法。