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

Posted

技术标签:

【中文标题】使用美元符号和千位分隔符格式化引导表 [关闭]【英文标题】:Format a bootstrap table with dollar sign and thousand separator [closed] 【发布时间】:2016-03-22 18:58:12 【问题描述】:

我正在尝试格式化我的引导表,以便我可以读取 $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>

【问题讨论】:

你应该添加更多不相关的语言标签... 完成了——现在好点了吗? 假设这是php,试试number_format 您使用哪种服务器端语言? 服务端返回一个json 【参考方案1】:

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

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 '';
;

【讨论】:

【参考方案2】:

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

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

【讨论】:

不在由 jquery 提供支持的表中

以上是关于使用美元符号和千位分隔符格式化引导表 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

Charts.js 使用货币和千位分隔符格式化 Y 轴

Javascript 从 NumberFormat 获取小数和千位分隔符

使用数字和千位分隔符修复格式错误的字符串

ActionScript 3 将数字格式化为字符串 - 使用小数和千位分隔符

将数字格式化为字符串-带小数和千位分隔符

如何获取 toLocaleString() 方法的小数和千位分隔符?