引导表 - 会计格式的数字答案

【问题标题】：Bootstrap table - numbers in accounting format引导表 - 会计格式的数字
【发布时间】：2020-01-17 05:16:42
【问题描述】：

如何以会计格式在 Bootstrap 表中的单元格中写入数字？

例如：一百万应该显示为 1,000,000 而不是 1000000（注意数字之间的逗号“,”）。

请注意，Django 应用正在填充数据数据。

例子：

<tbody>
   {% for row in tbl_list %}
       <tr id="port_row_{{row.stock}}_{{index}}">
           {% if row.stock == 'TOTAL'%}
           <td> {{row.stock}}</td>
           {% else %}
           <td> <a target="_blank" style="color:blue;" href="https://www.google.com/finance?q=NSE:{{ row.stock }}">{{row.stock}}</a></td>
           {% endif %}
           <td>{{row.name}}</td>
           <td>{{row.investment_amount}}</td>
           <td>
           {% if row.weekly_gain >= 0 %}
           <div style="color:green">
                +{{row.weekly_gain}}
                <i class="fa fa-arrow-up"></i>
           </div>
           {% else %}
           <div style="color:tomato">
           {{row.weekly_gain}}
           <i class="fa fa-arrow-down"></i>
           </div>
           {% endif %}
           </td>
           <td>{{row.percentage}}</td>
           <td>{{row.percentage_of_portfolio}}</td>
        </tr>
        {% endfor %}
</tbody>

【问题讨论】：

请检查这个堆栈溢出问题。 stackoverflow.com/questions/16037165/…

标签： html css django twitter-bootstrap

【解决方案1】：

由于这个问题是专门针对 Django 模板的，所以我在渲染价格时使用了 django.contrib.humanize。

一组 Django 模板过滤器，可用于为数据添加“人情味”。

要激活这些过滤器，请将“django.contrib.humanize”添加到您的 INSTALLED_APPS 设置中。完成后，在模板中使用 {% load humanize %}，您将可以访问以下过滤器。

Documentation

In your code, do <td>{{ row.monday_open_price|intcomma }}</td>

Do not forget to {% load humanize %}

【讨论】：

【解决方案2】：

您可以使用 javascript accounting.js 库：

// Default usage:
accounting.formatMoney(12345678); // $12,345,678.00

【讨论】：

【解决方案3】：

这取决于数据的来源，但您需要使用 Javascript 之类的工具来执行此操作。

有关更多信息，请参阅this 问题。

【讨论】：