форматировать строку заголовка DataGrid

Question

Я хочу назначить цвет фона для моей строки заголовка Dojo DataGrid, созданной программным способом. Я попытался переопределить значения по умолчанию, добавив .dojoxGridHeader или .dojoxGrid-Header к моей таблице стилей, но они не имеют никакого эффекта.

Есть ли другой способ, например, с помощью события или свойства Dojo? Если моя таблица стилей - единственный путь, я использую неправильный класс?

Спасибо! Alan

Answer 1

С помощью Internet Explorer «Инструменты разработчика» я обнаружил, какие классы CSS контролируют стилизацию строки заголовка Dojo DataGrid.

Мне нужно было добавить ".tundra" перед .dojoxGridHeader, потому что таблица стилей .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;           
}