如何正确对齐kendo网格数字字段列标题？

Question

我正在使用kendo网格。我的所有列标题都是左对齐的。我希望具有数字数据的列标题正确对齐。任何人都可以建议吗？

Answer 1

已经有了配置设置。 columns.headerAttributes

Answer 2

试试这个

#my-grid .k-grid-header .k-header {
   text-align: right;
}

Answer 3

您可以尝试使用columns.headerTemplate属性：

headerTemplate: kendo.template("<div class='header-right'>ColumnName</div>")

header-right为：

.header-right {
    text-align: right
}

Working demo

缺点：

• 您必须将此模板属性设置为所有数字列;
• 您必须在模板中设置列的名称。

<强>更新

使用以下函数找到简单的方法：

var tmpl = function() {
    return kendo.template($("#javascriptTemplate").html())({ columnName: this.toString() });
};

此函数只调用kendo.template并返回其结果，并使用列的名称将对象传递给它。它在columns属性中使用，如下所示：

{ field: "age", headerTemplate: tmpl.bind("Age") }

在我看来，它变得更加优雅并且可读，并且实际上与设置列标题的常见方式有很大不同，因为它将被设置为{{1} } 毕竟。

模板：

title: "Age"

Working demo