Come posso eseguire il restyling dell'intestazione di ng-grid? In particolare, come posso cambiare il colore di sfondo e il colore del testo della riga di intestazione?angularjs ng-grid: come cambiare lo stile di intestazione
è possibile ignorare la proprietà background-color sulla classe .ngHeaderCell dichiarato nella ng-grid.css per usare il colore di sfondo che volete sulle celle di intestazione.
Se non si desidera modificare l'originale css ng-griglia, è possibile creare il proprio CSS e caricarlo dopo css di NG-griglia in cui è possibile in seguito overide lo stesso .ngHeaderCell classe con:
.ngHeaderCell {
background-color: [your background color] !important;
bottom: 0;
color: [your foreground color] !important;
position: absolute;
top: 0;
}
Grazie! Il mio male, non riuscivo a capire quale fosse la classe css da modificare. E stavo cercando di giocare con headerCellTemplate. Questo ha funzionato perfettamente. – klode
Prego. Firebug e i suoi equivalenti sono sempre utili in questi casi. Puoi controllare un elemento che vuoi controllare e c'è un pannello in cui Firebug ti mostra quali sono le regole CSS applicate a quell'elemento e da dove queste regole provengono. –
Ho finito con l'override di 'background-color' sulla classe' .ngTopPanel' – klode
Non ho mai guardato prima in ng-grid, ma sembra che un file css sia fornito per lo styling? Ti consiglio di cambiare il file css effettivo, o di sovrascrivere queste modifiche dichiarandoti qui sotto dove viene dichiarato grid.css. Controlla il link se questo è ciò di cui stai parlando.
https://github.com/angular-ui/ng-grid/blob/master/ng-grid.css
Per esempio, uno dei più attributi CSS nel file sopra è sotto, basta fare una Ctrl-F e trovare gli attributi si sta cercando di cambiare.
.ngHeaderCell {
position: absolute;
top: 0;
bottom: 0;
background-color: inherit;
}
Posso chiedere perché il -1? – klode