codes de couleurs ne fonctionne pas sur ui-grid headerCellClass

Question

Je suis en train de définir la couleur de l'en-tête en utilisant headerCellClass comme dans cet exemple:

columnDefs: [ 
    { field: 'name', headerCellClass: 'white' }, 
    { field: 'company',headerCellClass:'white'} 
], 

UI-GRID header - Change Color And Text

plutôt avoir définir des codes de couleur comme 'blanc', 'rouge etc. J'essaie d'utiliser des codes de couleurs: headerCellClass: '#3A01DF' mais ça ne marche pas. Pourquoi?

Answer 1

Avez-vous la couleur - blanc - définir dans votre css? Comme:

.white { color: white;background-color:black !important; } 

Answer 2

Vous pouvez définir des classes différentes dans css (rouge, classe par défaut, noire, etc.):

.red { 
    background-color: red !important; 
    color: #F3F3F3 !important; 
} 

.default-class { 
    background-color: #004A75 !important; 
    color: #FFFF00 !important; 
} 

.black { 
    background-color: black !important; 
    color: white !important; 
} 

et headerCellClass une fonction qui renvoie une classe appropriée en fonction de la condition (ou tout simplement une classe):

headerCellClass: function(grid, row, col, rowRenderIndex, colRenderIndex) { 
    if (condition === 1) 
     return 'red'; 
    if (condition === 2) 
     return 'black'; 

    return 'default-class'; 
}, 

Echantillon de ui-grid: http://ui-grid.info/docs/#/tutorial/115_headerCellClass