Heawill Lin:
Como se muestra en la figura, el problema es la esquina inferior derecha de la tabla. Yo quería cambiar el color del cuadrado blanco a azul, pero no pude. Traté de estilo el ScrollPane, pero no parece funcionar. Es el estilo del bloque blanco controlado por ScrollPane?
CSS:
/*******************************************************************************
* *
* ScrollPane *
* *
******************************************************************************/
.scroll-pane{
-fx-background-color: #30466B;
}
.scroll-pane > .viewport {
-fx-background-color: #30466B;
}
.scroll-pane > .scroll-bar:horizontal {
-fx-background-insets: 0 1 1 1, 1;
-fx-padding: 0 1 0 1;
-fx-background-color: #30466B;
}
.scroll-pane > .scroll-bar:horizontal > .increment-button,
.scroll-pane > .scroll-bar:horizontal > .decrement-button {
-fx-padding: 0.166667em 0.25em 0.25em 0.25em; /* 2 3 3 3 */
-fx-background-color: #30466B;
}
.scroll-pane > .scroll-bar:vertical > .increment-button,
.scroll-pane > .scroll-bar:vertical > .decrement-button {
-fx-padding: 0.25em 0.25em 0.25em 0.166667em; /* 3 3 3 2 */
-fx-background-color: #30466B;
}
.scroll-pane > .scroll-bar:vertical {
-fx-background-insets: 1 1 1 0, 1;
-fx-padding: 1 0 1 0;
-fx-background-color: #30466B;
}
.scroll-pane > .corner {
-fx-background-color: #30466B;
-fx-background-insets: 0 1 1 0;
}
/* new styleclass for edge to edge scrollpanes that don't want to draw a border */
.scroll-pane.edge-to-edge,
.tab-pane > * > .scroll-pane {
-fx-background-color: #30466B;
-fx-background-insets: 0;
-fx-padding: 0;
}
.scroll-pane.edge-to-edge > .scroll-bar,
.tab-pane > * > .scroll-pane > .scroll-bar,
.titled-pane > .content > .scroll-pane > .scroll-bar {
-fx-background-insets: 0;
-fx-padding: 0;
-fx-background-color: #30466B;
}
.scroll-pane.edge-to-edge > .scroll-bar > .increment-button,
.scroll-pane.edge-to-edge > .scroll-bar > .decrement-button,
.tab-pane > * > .scroll-pane > .scroll-bar > .increment-button,
.tab-pane > * > .scroll-pane > .scroll-bar > .decrement-button,
.titled-pane > .content > .scroll-pane > .scroll-bar > .increment-button,
.titled-pane > .content > .scroll-pane > .scroll-bar > .decrement-button {
-fx-padding: 0.25em; /* 3px */
-fx-background-color: #30466B;
}
Sai Dandem:
La caja de la esquina se define con la styleClass "esquina". se debe redefinir el siguiente aplicación CSS para tableView:
.table-view > .virtual-flow > .corner {
-fx-background-color: derive(-fx-base,-1%);
}