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

Question

我想在kendoGrid表的列标题中添加一个图标。对我来说重要的是，该图标将显示在编辑弹出窗口中。因此，无法使用headerTemplate。 到目前为止，该方法有效。如果现在添加了groupable：true，则标题属性将显示在标题中。 我的示例代码：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

标题必须为字符串。

对于标题，我使用了headerTemplate。

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

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