2013-02-19 2 views
0

J'ai un GWT DataGrid (CellTable) avec différentes couleurs d'arrière-plan pour/même lignes impaires:Comment conserver les couleurs de fond impaires/paires dans la sélection?

.dataGridEvenRow { background: white !important; } 
.dataGridEvenRowCell { border: selectionBorderWidth solid white !important; } 
.dataGridOddRow { background: red !important; } 
.dataGridOddRowCell { border: selectionBorderWidth solid red !important; } 

Sur la sélection, je veux seulement changer la couleur de la bordure, mais ne devrait pas être changé l'arrière-plan. Mais quand j'utilise les styles comme suit, l'arrière-plan est toujours changé en 'white'.

/* Here something must be wrong */ 
.dataGridSelectedRow { 
    background: inherit !important; 
    color: inherit !important; 
} 

C'est l'arrière-plan interne des cellules. Mais il ne hérite pas des paires/impaires lignes, mais en quelque sorte de somewher autre ...

Répondre

0

Je l'ai fixé en utilisant les styles suivants:

.dataGridSelectedRow { 
    color: inherit !important; 
} 

.dataGridSelectedRowCell { 
    background: inherit; 
    border: selectionBorderWidth solid inherit !important; 
} 

important est de ne pas utiliser importante sur la propriété là-bas d'arrière-plan. Je ne sais pas pourquoi, mais ça ne marche que de cette façon.

0

dans votre css, essayez ceci:

tr:nth-of-type(odd) { 
    background-color:#ccc; 
} 

ce sont des sélecteurs de classe pseudo en css, s'il vous plaît laissez-moi savoir si cela résout votre problème

+0

'org.w3c.css.sac.CSSParseException: nom de la fonction pseudo invalide nième de type ( à org.w3c.flute.parser.Parser.pseudo (Parser.java:2038) à org.w3c. flute.parser.Parser.simple_selector (Parser.java:1604) à org.w3c.flute.parser.Parser.selector (Parser.java:1519) ' – membersound

+0

l'utilisation: nth-child (impair), c'est le bon sélecteur css – Sam

Questions connexes