HTML 表格仅显示两个小数点并以货币格式显示。 （找到Javascript函数但不知道如何实现）

Question

我试图让我的 html 表格只显示 2 个小数点，并将表格的最后四列格式化为货币。 我在网上找到了这个函数，它是 Javascript，但我不知道如何实现它。 有人可以帮忙吗？

这里有人列出了 Javascript 代码： https ://css-tricks.com/snippets/javascript/format-currency/

这是我的代码：

{% extends "layout.html" %}

{% block main %}
    <table style="width:100%" class="table">

        <tr>
            <th> ID </th>
            <th> Username </th>
            <th> Stock </th>
            <th> Amount </th>
            <th> Current Price </th>
            <th> Total Value </th>
            <th> Current Cash </th>
            <th> Grand Total </th>
        </tr>

            <tr>
                <td> {{ user_id }} </td>
                <td> {{ username }} </td>
                <td> {{ stocks }} </td>
                <td> {{ amount }} </td>
                <td> {{ price }} </td>
                <td> {{ (amount * price) }} </td>
                <td> {{ current_cash }} </td>
                <td> {{ grand_tot }} </td>

            </tr>


</table>

{% endblock %}

Answer 1

很简单，只需使用他提到的同一个函数 CurrencyFormatted，并使用以下代码：

<tr>
    <td> {{ user_id }} </td>
    <td> {{ username }} </td>
    <td> {{ stocks }} </td>
    <td> {{ amount }} </td>
    <td> {{ CurrencyFormatted(price) }} </td>
    <td> {{ CurrencyFormatted(amount * price) }} </td>
    <td> {{ CurrencyFormatted(current_cash) }} </td>
    <td> {{ CurrencyFormatted(grand_tot) }} </td>
</tr>

Answer 2

您可以在HTML中使用pipe来转换正确的currency format:| currency:"INR" currency format:| currency:"INR" ：

{{ Amount| currency:"INR"}}

输出：

 ₹100.00

Answer 3

<td>{{item.GradeAVG.toFixed(0)}}</td>
<td>{{item.TarazAVG.toFixed(2)}}</td>