2017-03-01 5 views
0

Was ist der beste Weg, um die Zeilenauswahl des Primeng Datentabelle Gitter zu stylen? Ich habe ein Kontrollkästchen, und wenn ausgewählt, ändert sich die Zeile in ein Bootstrap-Blau. Ich möchte die Farbe für die Zeilenauswahl aufhellen.PrimeNG DataTable Zeilenauswahl - Farbe ändern

Wie mache ich das?

Antwort

2

Ich bin mir nicht sicher, ob Sie Ihre Antwort überall gefunden, aber die CSS Sie suchen sind, ist dies:

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight { 
    /*background-color handles the color of the highlighted row*/ 
    /*color sets the color of the text*/ 

    background-color: #0275d8; 
    color: #ffffff; 
    border-color: #0267bf;} 

Und:

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight { 
    background-color: #0275d8; 
    color: #ffffff; 
    border-color: #0267bf;} 

Nur, dass fügen Sie in Ihrem eigenen CSS Datei und Sie können die Hervorhebungsfarbe, Rahmenfarbe und Textfarbe ändern. Ich bin mir nicht sicher, ob es der beste Weg ist, es zu tun, aber ich habe es letzte Woche so gemacht und so habe ich es funktioniert.

Verwandte Themen