Stylizacja widoku tabeli w CSS (JavaFX)

Jak mogę stylować punkt" ten " w widoku tabeli?

TableView

Mój kod CSS wygląda następująco: 

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

Więc jak widać już zmieniłem colum-header-background I wszystko w ten sposób. Zmieniłem również tło widoku TableView. Więc naprawdę Nie wiem, co dokładnie powinienem zmienić w moim CSS. Dzięki za każdą pomoc! :)

-GhostfaceChilla -

Author: Chris, 2015-11-26
Source

5 answers

.widok na stół .filler to selektor, którego szukasz. Narzędzie scenic view tool jest całkiem dobre do analizy komponentu.

 30
Author: wzberger,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-11-27 08:29:46 
.table-view{
   -fx-background-color: transparent;
}

Kolor tła może być biały, jeśli nie ma rekordów w TableView. A może fajnie mieć stylizację na placeholder

 0
Author: Dmitrij Krupa,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-11-23 16:03:21

W przypadku, gdyby ktoś tu szukał CSS przycisku column-show-hide, tutaj jest CSS.

.table-view .show-hide-columns-button {
    -fx-background-color: red;
    -fx-border-color: -fx-box-border;
    -fx-border-insets: -1 -1 0 0;
}
 0
Author: Sushant,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2019-11-03 13:18:57

Udało mi się to rozwiązać za pomocą tego kodu CSS: 

.table-view .filler {
    -fx-border-insets: 10 //Enter value depending on thickness;
}
 0
Author: Java_Albin,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-05-02 15:25:42

Spróbuj tego 

.table-view .filler{
    -fx-background-color: transparent;
}
 0
Author: sandeep kumar sahoo,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-05-23 03:52:48