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

它很简单，只需使用相同的函数，货币构造，他已经提到了以下代码：

：

<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"：

{{ Amount| currency:"INR"}}

输出：

 ₹100.00

Answer 3

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