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。

我在kendo文档上找不到任何内容。知道如何实现这个目标吗？

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/

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

1 个答案: