JavaFX TableView & CSS, Rand um Tabellenkopf entfernen

[micfire]

Hallo liebe Community,

ich suche eine Möglichkeit in CSS den weißen Rand zwischen dem column-header und dem eigentlichen Rand zu entfernen.

Besten Dank im Voraus!

/* Allgemeiner .table-view Code */

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


.table-view .column-header, .table-view .filler {
    -fx-border-width: 0;
}

.table-view .column-header-background .label{
    -fx-background-color: transparent;
    -fx-text-fill: white;
     -fx-font-family: "Segoe UI";
}

.table-view .column-header {
    -fx-background-color: transparent;
}

.table-view .table-cell{
    -fx-text-fill: black;
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    -fx-font-size: 9pt;
}

/* Spezieller Code für die ID */

#TableViewGreen{
   -fx-background-color: transparent;
   -fx-border-color: #8cbf26;
   -fx-border-width: 2px;
   -fx-background-insets: 0;
}
   
#TableViewGreen .column-header-background{
    -fx-background-color: #8cbf26;
    -fx-border-width: 0;
}

 

[dzim]

Ich habe es gerade mal an meinem Code durchprobiert. Bei mir hat die Änderung im CSS ".table-view .column-header,.table-view .filler" etwas gebracht.
Konkret musst du dort die -fx-border-insets anpassen. Ich habe es mal auf negativ-Werte (-1) gesetzt, dann war der Rand weg.

.table-view .column-header,.table-view .filler {
    -fx-text-fill: -fx-selection-bar-text;
    /* TODO: for some reason, this doesn't scale. */
    -fx-font-size: 0.916666em; /*1.083333em;*/
    /* 13pt - 1 more than the default font */
    -fx-size: 25.0;
    -fx-background-color: button-0-color-base;
    -fx-border-style: solid;
    -fx-border-color: button-0-border-color-base;
    -fx-border-insets: 0.0 1.0 1.0 0.0, 0.0 0.0 0.0 0.0;
    -fx-border-width: 0.083333em, 0.083333em;
}

 

[lam_tr]

Hi zusammen,

gibt es eigentlich einen Weg so on the fly die Anpassungen anzusehen ohne die Anwendung starten zu müssen?

Viele Grüße
lam

 

[dzim]

Scenic View... Dort kannst du das CSS (b.z.w. die Style-Properties) live verändern.

http://stackoverflow.com/questions/17952411/is-there-any-visual-css-editor-for-javafx
http://fxexperience.com/scenic-view/
http://docs.oracle.com/javafx/scenebuilder/1/user_guide/stylesheet-support.htm