Ich möchte die Spaltenfarbe meines Rasters ändern. Leider ... hier ist mein Code nichts passiert:Vaadin, Rasterfarbe ändern
grid.setCellStyleGenerator((Grid.CellReference cellReference) -> {
if ("name".equals(cellReference.getPropertyId())) {
return "highlight-green";
} else {
return "rightAligned";
}
});
mytheme.scss:
@import "../valo/valo.scss";
@mixin mytheme {
@include valo;
// Insert your own theme rules here
.rightAligned {
text-align: right;
}
.v-table-row.v-table-row-highlight-green,
.v-table-row-odd.v-table-row-highlight-green {
background-color: #00ff00;
}
}
Die rightAligned
funktioniert gut, aber highlight-green
nicht
Firefox macht eine gute Arbeit für [CSS-Inspektionen] (https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS) Stil Probleme. Sie können das eingebaute Entwickler-Tool verwenden, um zu überprüfen, warum Ihr Stil überschrieben wurde (falls dies der Fall ist), und sogar Stile auf der Client-Seite zum Testen hinzufügen/ändern. –
'v-table-row' und' v-table-row-odd' sind für die Vaadin-Tabelle, die Grid-Komponente verwendet andere Stilklassen 'v-grid-row' und' v-grid-row-stripe'. –