web-dev-qa-db-ja.com

CSSでのTableViewのスタイル設定（JavaFX）

TableViewで「THIS」ポイントのスタイルを設定するにはどうすればよいですか？

TableView

私のCSSコードは次のようになります。

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

あなたが見ることができるように、私はすでにcolum-header-backgroundとこのようなすべてを変更しました。また、TableViewの背景を変更しました。そのため、CSSで何を変更すべきか正確にはわかりません。助けてくれてありがとう！ :)

-GhostfaceChilla-

javacssjavafxtableviewstyling
20
Chris

。table-view .fillerは、探しているセレクタです。 風景ビューツール は、コンポーネントの分析に適しています。

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

TableViewにレコードがない場合、背景色は白になります。プレースホルダーのスタイリングができてうれしいです

0
Dmitrij Krupa