如何使用CSS设置Java FX TableView列标题的样式

时间:2016-04-18 07:00:14

标签: css javafx tableview columnheader

我是JavaFX和CSS样式(以及stackoverflow)的新手。我想知道如何设置列的表头样式。 这是我的标题目前的样子: Current styling of my table view column header

这就是我想要的样子: Styling I want to implement

我尝试过无效的应用以下css样式:

.table-view .column-header .nested-column-header
{
    -fx-background-color: #AAAAAA;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.6), 2, 0.5, 1, 1);
}

.table-view .column-header
{
    -fx-background-color: #AAAAAA;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.6), 2, 0.5, 1, 1);
}

.table-view .column-header .filter
{
    -fx-background-color: #AAAAAA;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.6), 2, 0.5, 1, 1);
}

我还检查了jfxrt.jar中找到的caspian.css文件,但这并没有指向正确的方向。

所以,如果有人有任何想法,那就太好了。 :)提前谢谢你。

1 个答案:

答案 0 :(得分:7)

我建议尝试使用以下样式类:

.table-view .column-header-background

我用这个css改变了我的列标题背景,它起作用了:

.table-view .column-header,
.table-view .column-header .filler,
.table-view .column-header-background .filler {
    -fx-background-color: red;
}

你确定你没有treetable吗?因为样式类名为tree-table-view而不是table-view