Kendo 网格数字格式化为百分比问题

Question

我使用以下方法显示格式为百分比的数值：

columns.push(
            {
                field: key,
                hidden: false,
                format: "{0:p2}"
            });

当该字段应该显示 1.00% 时，它显示 100.00% 就像任何给定值 it's adding zeros 一样，另一个值是 65.37% 并且输出是 6,537.00%

我遗漏了什么设置或格式有什么问题吗？问题是我正在动态创建网格，因此无法显示完整的网格设置。

在上面你可以看到我正在推送列，这是一个数组，它将被传递给创建网格的函数。

Answer 1

当您将值格式化为百分比时，kendo 中没有内置机制来乘以它。这只能通过乘除该值来完成。 Here some example

如果您只想显示带有百分比符号的值，您需要使用模板：template: "<span>#=fieldName# %<\span>"

Answer 2

请尝试使用以下代码片段。

<div id="grid"></div>
<script>
    $("#grid").kendoGrid({
        dataSource: {
            data: [
              { id: 1, increase: 1.00 },
              { id: 1, increase: 65.37 }
            ],
            schema: {
                model: {
                    id: "id",
                    fields: {
                        increase: { type: "number" }
                    }
                }
            }
        },
        columns: [
          { field: "id" },
          {
              field: "increase",
              template: '#=kendo.format("{0:p}", increase / 100)#'
          }
        ]
    });

</script>

如有任何疑问，请告诉我。

Answer 3

Telerik Kendo UI Angular: 以上对我不起作用。继续将 80% 转换为 800%

这有效：

format="#=Percentage# \%"

Answer 4

对于十进制的精确性：

format="##.0000 \%"

Kendo 网格数字格式化为百分比问题

Kendo grid number formatting as percentage issue

telerik

string-formatting

number-formatting

kendo-ui

kendo-grid