2016-06-07 7 views
1

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

+1

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

+1

'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'. –

Antwort

0

Versuchen hinzufügen background-color: #00ff00 !important;

Es sieht so aus, als müssten Sie bestehende Stile Ihres Frameworks 012 neu schreibenmuss dabei helfen.

+0

Wenn ich meinem Thema Stile hinzufüge, ist das '! Wichtig' nicht erforderlich. Der Vorrang wird durch '@ include' valo theme am Anfang des' @ mixin' gesteuert. –

+0

Können Sie bitte jsfiddle erstellen? So wird es einfacher sein, eine Lösung für Ihren Fall zu finden. –

+0

Lets warten auf Rückmeldung von OP. –