格式化道场 DataGrid 标题行

【问题标题】：format dojo DataGrid header row格式化道场 DataGrid 标题行
【发布时间】：2011-01-27 21:02:37
【问题描述】：

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

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

谢谢！艾伦

【问题讨论】：

标签： datagrid dojo coding-style header stylesheet

【解决方案1】：

添加两种样式：

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

.dojoxGridHeader .dojoxGridCell div {
        color: black;           
}

【讨论】：

【解决方案2】：

在 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;
}

【讨论】：