format dojo Rubrique d'en-tête DataGrid

Question

Je souhaite attribuer une couleur d'arrière-plan à ma ligne d'en-tête Dojo DataGrid créée par programme. J'ai essayé de remplacer les valeurs par défaut en ajoutant .dojoxGridHeader ou .dojoxGrid-Header à ma feuille de style, mais ceux-ci n'ont aucun effet.

Existe-t-il un autre moyen, par exemple avec un événement ou une propriété Dojo? Si ma feuille de style est la seule solution, est-ce que j'utilise la mauvaise classe?

Merci! À l'aide des outils de développement d'Internet Explorer, j'ai découvert quelles classes CSS contrôlaient le style de la ligne d'en-tête Dojo DataGrid. Alan

Answer 1

J'avais besoin d'ajouter ".tundra" devant .dojoxGridHeader parce que la feuille de style .tundra est au sommet de la hiérarchie.

Cela a fonctionné pour moi:

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

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

Answer 2

Ajouter les deux styles:

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

.dojoxGridHeader .dojoxGridCell div { 
     color: black;   
}