Question

根据Kendo grid documentation，我们可以使用headerAttributes设置列的标题属性：

$("#grid").kendoGrid({
  columns: [{
    field: "name",
    headerAttributes: {
      style: "text-align: right; font-size: 14px; color: red !important;"
    }
  }],
  dataSource: [ { name: "Jane Doe" }, { name: "John Doe" } ]
});

它适用于大多数属性，但不适用于颜色。它确实有效，因为link（k-link类）的颜色属性优先于th颜色属性。

但是，我想知道是否有一种解决方法可以让我在初始化网格时设置特定标题的颜色。现在，我可能想到的唯一解决方案是在网格初始化后设置link颜色。

Answer 1

不是添加内联样式而是在没有大量黑客攻击的情况下被覆盖，为什么不使用headerTemplate，如下所示：

  field: "ContactName",
  title: "Contact Name",
  width: 200, 
  headerTemplate:'<label class="greenHeader">Contact Name</label>'

然后在样式表中使用适当的css类，如：

.greenHeader
    {
     color:green ;
    }

举个例子，看看这个道场：

Example of header template being used.

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

1 个答案: