Vaadin，更改網格列顏色

我想更改我的網格的列顏色。不幸的是沒有任何反應...這裏是我的代碼：Vaadin，更改網格列顏色

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; 
    } 
}

的rightAligned的偉大工程，但highlight-green不

來源

2016-06-07 JeffStrongman

Firefox沒有爲[檢查CSS（https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS）作風問題的非常出色。您可以使用內置的開發者工具來檢查爲什麼你的風格被覆蓋（如果有的話），甚至在客戶端進行測試添加/更改樣式。 –

'v表-row'和'v錶行-odd'爲Vaadin表，網格組件使用其他樣式類'V-網格row'和'V-網格行stripe'。 –

嘗試添加background-color: #00ff00 !important;

看起來你需要重寫框架的現有樣式，!important必須幫助。

來源

2016-06-07 11:13:52

當我爲我的主題添加樣式時，'！important'不是必需的。優先級由@ @ mixin開頭的'@ include' valo主題控制。 –

你可以創建jsfiddle嗎？因此，爲您的案例找到解決方案會更容易。 –

讓我們等待來自OP的反饋。 –

Vaadin，更改網格列顏色

回答

相關問題