Soy nuevo en desarrollo y espero que alguien pueda ayudarme. Acabo de crear una tabla de cuadrícula con un modelo y todo funciona bien. Pero ahora, quiero cambiar el color de fondo de la fila seleccionada. Me doy cuenta de que tengo que crear un tema. Encontré esto en el Foro de Vaadin: https://vaadin.com/forum/thread/17867059/how-to-set-selected-row-opacity-in-vaadin-grid
Esto es lo que ya hice:
Aquí está el código del otro hilo del foro:
<dom-module id="grid-header" theme-for="vaadin-grid">
<template>
<style>
:host(:not([reordering])) [part~="row"][selected] [part~="body-cell"]:not([part~="details-cell"]) {
background-color: rgba(255, 0, 0, .50);
}
</style>
</template>
</dom-module>
Pero no funciona.
Esto parece funcionar bien para mí, ¿cuál es su versión del marco?
En caso de que esté usando Vaadin 14, necesitaría colocar estilos en el .css
archivo e importar el archivo usando@CSSImport
gridStyles.css
contiene::host([theme~="grid-selection-theme"]) [part~="row"][selected] [part~="body-cell"]:not([part~="details-cell"]) {
background-color: red;
}
La clase donde se usa la cuadrícula tiene esta importación definida:
@CssImport(value = "./styles/gridStyles.css", themeFor = "vaadin-grid")
La cuadrícula tiene un nombre de tema agregado
Cambié un host
selector para reflejar un atributo de tema: en caso de que tenga varias cuadrículas en la misma página, el estilo se aplicará solo al que tienemygrid.addThemeName("grid-selection-theme");
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