使用美元符号和千位分隔符格式化引导表

时间:2016-03-22 18:58:13

标签: javascript twitter-bootstrap currency-formatting

我正在尝试格式化我的引导表,以便我可以读取12,000,000美元而不是12000000 +它的页脚(总结列) 我明白这可以是插入一个javascript函数+ CSS。 谢谢你的帮助。

这是我桌子的代码。

<table id="exampleTableFromData" data-sort-order="desc" data-mobile-responsive="true" data-search="true" data-show-footer="true" data-footer-style="footerStyle">
    <thead>
        <tr>
            <th data-field="Customers" data-sortable="true" data-align="left">Customer</th>

            <th data-field="RM" data-sortable="true" data-align="right" data-footer-formatter="totalFormatter">Sales</th>

            <th data-field="BO" data-sortable="true" data-align="right" data-footer-formatter="totalFormatter">Discount</th>

            <th data-field="GGR" data-sortable="true" data-align="right" data-footer-formatter="totalFormatter">Net</th>
        </tr>
    </thead>
</table>

2 个答案:

答案 0 :(得分:2)

ok找到了使用此脚本为页脚设置正确格式的方法

function totalFormatter(data) {

  var total = 0;

  if (data.length > 0) {

    var field = this.field;

    total = data.reduce(function(sum, row) {
      return sum + (+row[field]);
    }, 0);
    var num = '$' + total.toFixed(0).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
    return num;
  }

  return '';
};

答案 1 :(得分:0)

如果这是PHP,请尝试以下操作:

$num = 12000000;
echo '$' . number_format($num);    // $12,000,000
echo '$' . number_format($num, 2); // $12,000,000.00