Kendo ui 如何将图标添加到列标题,以便在弹出式编辑中显示图标?

Kendo ui 如何将图标添加到列标题,以便在弹出式编辑中显示图标?,kendo-ui,Kendo Ui,我想在kendoGrid表的列标题中添加一个图标。图标显示在编辑弹出窗口中对我来说很重要。因此,无法使用headerTemplate。 到目前为止,这是可行的。如果现在添加了groupable:true,则标题中会显示标题属性。 我的示例代码: $(“#网格”).kendoGrid({ 可编辑:“弹出”, 分组:对, 栏目:[{ 字段:“名称”, 标题:“名称”+“”, },{命令:“编辑”} ], 数据源:[{name:“Jane Doe”},{name:“John Doe”}], });

我想在kendoGrid表的列标题中添加一个图标。图标显示在编辑弹出窗口中对我来说很重要。因此,无法使用headerTemplate。 到目前为止,这是可行的。如果现在添加了groupable:true,则标题中会显示标题属性。 我的示例代码:

$(“#网格”).kendoGrid({
可编辑:“弹出”,
分组:对,
栏目:[{
字段:“名称”,
标题:“名称”+“”,
},{命令:“编辑”}
],
数据源:[{name:“Jane Doe”},{name:“John Doe”}],
});
如何在列标题中添加图标,以便在弹出式编辑中显示图标?

如下:

标题必须是字符串

对于标题,我使用了

对于编辑器中的标签,我使用了

对于组指示符,我复制了CSS样式,将“I”添加到“.k-I-info”

$("#grid").kendoGrid({
 editable: "popup",
 groupable: true,
 columns: [{
  field: "name",
  title: "Name"  + " <span class=\'k-icon k-i-info\' ></span>",
  },{ command: "edit" }
 ],
 dataSource: [ { name: "Jane Doe" }, { name: "John Doe" } ],
});