如何将图标添加到列标题，以便图标显示在弹出编辑中？

Question

我想在 kendoGrid 中的列标题中添加一个图标 table。图标显示在编辑弹出窗口中对我来说很重要。因此无法使用 header 模板。到目前为止这有效。如果现在添加 groupable: true，标题中显示 header 属性。我的示例代码：https://dojo.telerik.com/OzuQIHef/4

$("#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" } ],
});

如何向列标题添加图标，以便在弹出编辑中显示该图标？

Answer 1

这里是：https://dojo.telerik.com/OzuQIHef/6

标题必须是字符串。

对于header，我使用了headerTemplate。

对于编辑器中的标签，我使用了 grid edit event .

对于组指示器，我复制了 CSS 样式，将 "i" 添加到“.k-i-info”。

如何将图标添加到列标题，以便图标显示在弹出编辑中？

How can I add an icon to the column title so that the icon is displayed in the popup edit?

kendo-ui