Quiero cambiar el color de una fila de la cuadrícula Vaadin en base a un valor de una celda. Lo probé como sigue y no funcionó.
SCSS
@import "mytheme.scss";
@import "addons.scss";
// This file prefixes all rules with the theme name to avoid causing conflicts with other themes.
// The actual styles should be defined in mytheme.scss
.mytheme {
@include addons;
@include mytheme;
.v-grid-row.error_row {
// Tried following elements and didn't work.
// background-color: red !important;
// color: blue !important; // This changed the color of the font.
background: green !important;
}
}
Código de Java
grid.setStyleGenerator(t -> {
if (t.getLogLevel().trim().equals(ERROR) || t.getLogLevel().trim().equals(WARN)) {
return "error_row";
} else {
return null;
}
});
Nota: puedo comprobar el css de herramientas de desarrollo de tu navegador y que muestra el css se actualiza correctamente (Vea la imagen abajo).
Es necesario sobrescribir el background-color
del elemento TD de la fila:
.v-grid-row.error_row > td {
background-color: red;
}
Mediante el uso de la inspección estilo de su navegador se puede ver cómo Vaadin ha implementado estilos.
Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.
En caso de infracción, por favor [email protected] Eliminar
Déjame decir algunas palabras