Cómo colorear una fila de la cuadrícula condicional en Vaadin 8?

Hiran Perera:

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).

introducir descripción de la imagen aquí

Steffen Harbich:

Es necesario sobrescribir el background-colordel 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

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

Vaadin establece el color de fondo para la fila seleccionada en una cuadrícula

¿Cómo alinear a la derecha el contenido de una columna de cuadrícula de Vaadin 8?

Cómo dar espacio a una columna en cada fila siguiente de la pantalla de cuadrícula

¿Cómo eliminar una fila de la vista de cuadrícula en el comando Row?

¿Cómo cambiar el color de la fila seleccionada en una cuadrícula?

Cuadrícula Vaadin 8: ¿Tamaño de la imagen en la celda de la cuadrícula?

Cómo mostrar datos de varias líneas en la celda de la cuadrícula Vaadin de una columna

¿Hay alguna manera de configurar una celda en la cuadrícula en modo de edición con la cuadrícula Vaadin 8?

C ++ agrega una nueva fila en la tabla de vista de cuadrícula de datos

¿Cómo obtener los datos de la fila seleccionada en una cuadrícula en angular2?

Cómo copiar datos fila por fila de una vista de cuadrícula a otra que está en otro formulario haciendo doble clic en la fila C # WinForm

¿Cómo se configura una cuadrícula en Vaadin 8 para ordenar por un comparador personalizado?

¿Cómo actualizar una fila en una cuadrícula desde una ventana de alerta usando ExtJs?

¿Cómo obtener el objeto de estilo de una fila en una cuadrícula?

Formato condicional: colorear una fila en función de si una celda dentro de la fila coincide con una celda fuera del rango

Angular 8 Enruta a otro componente en una nueva ventana en la acción de la fila de la cuadrícula y pasa la fila completa

¿Cómo usar una plantilla al agregar una nueva fila a la cuadrícula de kendo ui?

¿Cómo encontrar todos los cuadros de texto en una fila de vista de cuadrícula?

¿Cómo hacer que solo algunas columnas sean editables en una cuadrícula de Vaadin?

Transportador: cómo saltar a la siguiente fila en una cuadrícula y devolver el valor encontrado

¿Cómo enlazar una matriz anidada en la lista desplegable angular 8 en la cuadrícula de kendo?

Cómo colocar el cursor en la primera celda de una fila vacía en la cuadrícula de datos que está vinculada a una tabla de datos

Cómo colocar el cursor en la primera celda de una fila vacía en la cuadrícula de datos que está vinculada a una tabla de datos

¿Cómo comenzar a envolver un bloque de texto desde la segunda fila de una cuadrícula?

¿Cómo pasar los datos de la fila de la cuadrícula de Kendo a la ventana emergente de Kendo en una vista parcial en jQuery?

Cómo crear una cuadrícula CSS con 5 bloques (2 en la fila 1, 3 en la fila 2)

Cómo vincular el botón por fila en una vista de cuadrícula

Cómo renderizar un formulario en una fila de cuadrícula

Cómo vincular el botón por fila en una vista de cuadrícula