it-swarm.com.de

TableView in CSS gestalten (JavaFX)

Wie kann ich den "THIS" -Punkt in meiner TableView gestalten?

 TableView

Mein CSS-Code sieht folgendermaßen aus:

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

Wie Sie sehen können, habe ich bereits den Colum-Header-Hintergrund und alles so geändert. Ich habe auch den Hintergrund von TableView geändert. Also weiß ich wirklich nicht, was ich genau in meinem CSS ändern sollte ... Vielen Dank für jede Hilfe! :)

-GhostfaceChilla-

13
Chris

.table-view .filler ist der Selektor, nach dem Sie suchen. Das Scenic View Tool eignet sich gut zum Analysieren einer Komponente.

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

Die Hintergrundfarbe kann weiß sein, wenn in TableView keine Datensätze vorhanden sind. Und vielleicht ist es schön, ein Styling für den Platzhalter zu haben

0
Dmitrij Krupa