web-dev-qa-db-fra.com

Styliser un TableView en CSS (JavaFX)

Comment qualifier le point "THIS" dans mon TableView?

 TableView

Mon code CSS se présente comme suit:

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

Comme vous pouvez le constater, j’ai déjà changé le fond de colonne et tout le reste. De plus, j'ai changé le fond de la TableView. Donc je ne sais vraiment pas ce que je devrais changer exactement dans mon CSS ..__ Merci pour toute aide! :)

-GhostfaceChilla-

javacssjavafxtableviewstyling
13
Chris

.table-view .filler est le sélecteur que vous recherchez. Le outil de vue panoramique est très utile pour analyser un composant.

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

La couleur d'arrière-plan peut être blanche si aucun enregistrement dans TableView. Et peut-être bien d'avoir un style pour l'espace réservé

0
Dmitrij Krupa