jquery - Kendo Grid - 如何在列菜单中设置不同的列标签

Question

看看这个 fiddle

var _grid = $("#grid").kendoGrid({
   dataSource: _peopleDataSource,
   filterable: true,
   columnMenu: true,
   columns: [
    {
        field: "id",title: " ",width: 10
    },
    {
        field: "name",title: "Name",width: 40
    },{
        field: "roleTitle",title: "Role",width: 50
    }
   ],
   editable: true
}).data("kendoGrid");

Id 列没有列标题。但是，在网格列菜单内，我需要将列名称显示为 Id。

我在剑道文档中没有找到任何内容。知道如何实现这一目标吗？

Answer 1

我建议将 title 字段设置为“Id”并使用空的 headerTemplate:

var _grid = $("#grid").kendoGrid({
    dataSource: _peopleDataSource,
    filterable: true,
    columnMenu: true,
    columns: [
        {
            field: "id",
            headerTemplate: "",
            title: "Id",
            width: 10
        },
        {
            field: "name",
            title: "Name",width: 40
        },{
            field: "roleTitle",
            title: "Role",width: 50
        }
    ],
    editable: true
}).data("kendoGrid");

这样，列名称将不会显示在标题中，而是会列在列菜单中。

参见示例:http://jsfiddle.net/lhoeppner/74LvK/