Как оформлен TableView? - PullRequest
Новая
       10

Как оформлен TableView?

3 голосов
/ 25 сентября 2019

enter image description here

Как показано на рисунке, проблема заключается в нижнем правом углу таблицы.Я хотел изменить цвет белого квадрата на синий, но не смог.Я пытался стилизовать ScrollPane, но, похоже, это не сработало.Управляется ли стиль белого блока с помощью 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;

}

1 Ответ

5 голосов
/ 25 сентября 2019

Угловое поле определяется с помощью styleClass «угол».вам нужно переопределить приведенную ниже реализацию CSS для tableView: 

.table-view > .virtual-flow > .corner {
    -fx-background-color: derive(-fx-base,-1%);
}
...