Kendo 网格格式小数

Question

我根据 html table 创建了一个 kendo 网格。我希望网格中的数字只显示 2 位小数，但我不知道该怎么做。请帮忙。请参阅下面的代码。

<table id='test'>
    <tr>
        <th data-field='field1' data-type='number' data-template='#= kendo.toString(field1, "n2") #'>
        ColumnHeader
        </th>
    </tr>
    <tr>
        <td>2.2579</td>
    </tr>
</table>        

<script>
    $(document).ready(function(){
        $("#plStatsGrid").kendoGrid({});
    });
</script>

Answer 1

这是一个基本的脚本错误。您的脚本正在寻找 ID 为 plStatsGrid 的 table，但您的 table 的 ID 为 test。 Working fiddle.

<table id='plStatsGrid'>
    <tr>
        <th data-field='field1' data-type='number' data-template='#= kendo.toString(field1, "n2") #'>
        ColumnHeader
        </th>
    </tr>
    <tr>
        <td>2.2579</td>
    </tr>
</table>        

<script>
    $(document).ready(function(){
        $("#plStatsGrid").kendoGrid({});
    });
</script>

Kendo 网格格式小数

Kendo grid format decimal

kendo-ui

kendo-grid