Javascript 如何使用headerAttributes设置特定的标题颜色?
根据,我们可以使用headerAttributes设置列的header属性: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:
$("#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 ;
}