【问题标题】:Django Template - Bootstrap table numbers in accounting formatDjango 模板 - 会计格式的引导表编号
【发布时间】:2020-01-17 15:33:38
【问题描述】:

我正在使用 Django 模板在 UI 中填充以下引导表。我希望表格中的数字更具可读性(通过在数字之间使用“,”) - 例如:如果一个数字是一百万,那么它应该显示为 1,000,000 而不是 1000000(注意数字之间的逗号“,”)。

代码

<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.monday_open_price}}</td>

    <td>{{row.previous_close}}</td>
    <td>
    {% if row.price >= row.previous_close %}
        <div style="color:green">
        {{row.price}}
        </div>

        {% else %}
        <div style="color:red">
        {{row.price}}
        </div>
    {% endif %}
    </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>
        {% if row.daily_gain >= 0 %}
        <div style="color:green">
            +{{row.daily_gain}}
            <i class="fa fa-arrow-up"></i>
        </div>

        {% else %}
        <div style="color:tomato">
            {{row.daily_gain}}
            <i class="fa fa-arrow-down"></i>
        </div>
        {% endif %}
    </td>
</tr>

【问题讨论】:

    标签: javascript html django twitter-bootstrap


    【解决方案1】:

    您可以在呈现价格时使用django.contrib.humanize

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

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

    Document

    在您的代码中,执行 &lt;td&gt;{{ row.monday_open_price|intcomma }}&lt;/td&gt;

    别忘了{% load humanize %}

    【讨论】:

      猜你喜欢
      • 2020-01-17
      • 2019-04-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-06-22
      • 2017-12-31
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多