Javascript 如何使用headerAttributes设置特定的标题颜色?

Javascript 如何使用headerAttributes设置特定的标题颜色?,javascript,kendo-ui,telerik,kendo-grid,Javascript,Kendo Ui,Telerik,Kendo Grid,根据,我们可以使用headerAttributes设置列的header属性: $("#grid").kendoGrid({ columns: [{ field: "name", headerAttributes: { style: "text-align: right; font-size: 14px; color: red !important;" } }], dataSource: [ { name: "Jane Doe" }, { name:

根据,我们可以使用headerAttributes设置列的header属性:

$("#grid").kendoGrid({
  columns: [{
    field: "name",
    headerAttributes: {
      style: "text-align: right; font-size: 14px; color: red !important;"
    }
  }],
  dataSource: [ { name: "Jane Doe" }, { name: "John Doe" } ]
});
它适用于大多数属性,但不适用于颜色。因为
链接
(k-link类)的颜色属性将优先于
th
颜色属性,所以它确实有意义


但是,我想知道是否有一种解决方法,允许我在初始化网格时为特定的标题设置颜色。现在,我可能想到的唯一解决方案是在网格初始化后设置
链接
颜色。

而不是添加内联样式,内联样式将在不进行大量黑客攻击的情况下被覆盖。为什么不像这样使用headerTemplate:

  field: "ContactName",
  title: "Contact Name",
  width: 200, 
  headerTemplate:'<label class="greenHeader">Contact Name</label>'
有关示例,请参见以下dojo:

.greenHeader
    {
     color:green ;
    }