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
risposta
è 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;
}
- 1. Come cambiare lo stile della GUI delphi?
- 2. Impossibile modificare lo stile CSS in AngularJS
- 3. come cambiare lo stile di selezione numero in Android?
- 4. android: come cambiare lo stile del testo di modifica?
- 5. Come posso cambiare lo stile di UIBarButtonItem nel codice
- 6. AngularJS: ng-bind-html rimuovi lo stile
- 7. Come cambiare lo stile della scheda in Android?
- 8. Come posso cambiare lo stile della freccia in un JComboBox
- 9. Posso cambiare lo stile di formattazione Gherkin in specflow?
- 10. Posso cancellare il contenuto della cella senza cambiare lo stile?
- 11. Cambiare lo stile predefinito per un Navigator.NavigationBar (titolo)
- 12. Come imitare lo stile di intestazione della sezione UITableViewStylePlain di UITableView
- 13. Tag di intestazione stile con ripristino css
- 14. Come impostare lo stile toast come tema?
- 15. Intestazione globale per AngularJS post
- 16. javascript - cambiare stile di una classe
- 17. Come cambiare il titolo di intestazione di un QTableView
- 18. come creare un footer personalizzato nggrid
- 19. AngularJS richiesta CORS intestazione personalizzata
- 20. ngGrid multiselect annullando selezione corrente
- 21. Tabella di intestazione fissa in AngularJS
- 22. Google-Maps v3: come cambiare lo stile della mappa in base al livello di zoom?
- 23. come cambiare post [ 'Content-Type'] in angularjs
- 24. foglio di stile dinamico con angularjs
- 25. Come visualizzare lo stile Android predefinito simple_spinner_dropdown_item
- 26. Come utilizzare lo stile di notifica predefinito?
- 27. Impostare lo stile GridViewColumnHeader dall'interno di uno stile ListView
- 28. eredita lo stile dallo stile predefinito
- 29. impostazione di stile CSS dal regolatore angularjs
- 30. Modificare lo stile di AlertDialog
Posso chiedere perché il -1? – klode