格式化dojo DataGrid标题行

Question

我想为编程创建的Dojo DataGrid标题行指定背景颜色。我试图通过在我的样式表中添加.dojoxGridHeader或.dojoxGrid-Header来覆盖默认值，但这些都没有效果。

是否有其他方式，例如Dojo事件或属性？如果我的样式表是唯一的方法，我使用错误的类吗？

谢谢！ 艾伦

Answer 1

在Internet Explorer的“开发人员工具”的帮助下，我发现哪些CSS类控制了Dojo DataGrid标题行的样式。

我需要在.dojoxGridHeader前添加“.tundra”，因为.tundra样式表位于层次结构的顶部。

这对我有用：

.tundra .dojoxGridHeader, .tundra .dojoxGridHeader .dojoxGridCell {

    vertical-align: bottom;
    color: #FFFFFF !important;
    background: #530619;
    border-color: #ECE2D8;
    font-weight: bold;
}

Answer 2

添加两种样式：

.dojoxGridHeader .dojoxGridCell {
        background-image: none !important;
        background-color: #A6BB3F !important;
}

.dojoxGridHeader .dojoxGridCell div {
        color: black;           
}