2015-11-26 16 views
7

Come è possibile impostare il punto "THIS" nel TableView?Styling di TableView in CSS (JavaFX)

TableView

mio codice CSS appare come segue:

*/* 
* Empty Stylesheet file. 
*/ 

.root{ 
    -fx-background-color: #262626; 
} 

.table-view{ 
    -fx-background-color: transparent; 
} 

.table-view:focused{ 
    -fx-background-color: transparent; 
} 

/* Spaltenköpfe 
    Struktur column-header-background -> column-header */ 

.table-view .column-header-background{ 
    -fx-background-color: linear-gradient(#131313 0%, #424141 100%); 
} 

.table-view .column-header-background .label{ 
    -fx-background-color: transparent; 
    -fx-text-fill: white; 
} 

.table-view .column-header { 
    -fx-background-color: transparent; 
} 

.table-view .table-cell{ 
    -fx-text-fill: white; 
} 

.table-row-cell{ 
    -fx-background-color: -fx-table-cell-border-color, #616161; 
    -fx-background-insets: 0, 0 0 1 0; 
    -fx-padding: 0.0em; /* 0 */ 
} 

.table-row-cell:odd{ 
    -fx-background-color: -fx-table-cell-border-color, #424242; 
    -fx-background-insets: 0, 0 0 1 0; 
    -fx-padding: 0.0em; /* 0 */ 
} 

.table-row-cell:selected { 
    -fx-background-color: #005797; 
    -fx-background-insets: 0; 
    -fx-background-radius: 1; 
} 

.table-view > .virtual-flow > .scroll-bar:vertical, 
.table-view > .virtual-flow > .scroll-bar:vertical > .track, 
.table-view > .virtual-flow > .scroll-bar:vertical > .track-background, 
.table-view > .virtual-flow > .scroll-bar:horizontal, 
.table-view > .virtual-flow > .scroll-bar:horizontal > .track, 
.table-view > .virtual-flow > .scroll-bar:horizontal > .track-background { 
    -fx-background-color: transparent; 
} 



.table-view > .virtual-flow > .scroll-bar > .increment-button, 
.table-view > .virtual-flow > .scroll-bar > .decrement-button { 
    -fx-opacity: 0; 
}* 

Quindi, come potete vedere ho già cambiato il Colum-header-sfondo e tutto ciò che in questo modo. Ho anche cambiato lo sfondo di TableView. Quindi non so davvero cosa esattamente dovrei cambiare nel mio CSS. Grazie per l'aiuto! :)

-GhostfaceChilla-

risposta

15

.table-view .filler è il selettore che si sta cercando. Il scenic view tool è abbastanza buono per l'analisi di un componente.

0
.table-view{ 
    -fx-background-color: transparent; 
} 

Il colore di sfondo può essere bianco se non ci sono record in TableView. E forse bello avere uno stile per segnaposto