Scrollbar on JavaFX table leaves a white space when using custom CSS -


a picture worth thousand words:

white space in corner of table using custom css .

as can see i'm using custom css on table, cant fill upper-right corner. tried changing background of scroll-pane without result.

here's actual css:

.table-row-cell {   -fx-background-color: rgba(71, 81, 80,0.5); }  .table-row-cell:hover {   -fx-background-color: rgba(40, 96, 93, 0.50); }  .table-row-cell:hover:empty {   -fx-background-color: rgba(71, 81, 80,0.5); }  .table-row-cell .table-cell {   -fx-border-width: 0px;  }  .table-view {   -fx-border-color: rgba(1, 11, 12, 1);   -fx-background-radius: 2;   -fx-border-width: 1px;   -fx-border-radius: 2;   -fx-background-color: rgba(71, 81, 80,0.2);   -fx-background-insets: 0; }  .table-view .column-header {   -fx-background-color: rgba(1, 11, 12, 1); }  .scroll-bar {   -fx-background-color: rgba(1, 11, 12, 1); }  .scroll-bar .increment-button:hover {   -fx-background-color: rgba(1, 11, 12, 1); }  .scroll-bar .decrement-button:hover {   -fx-background-color: rgba(1, 11, 12, 1); }  .scroll-bar .thumb {   -fx-background-color: rgba(71, 81, 80,0.5); } 

any appreciated.

i finaly found how solve it, @james_d me find solution.

that corner not part of scroll-pane table.view header. can change background code.

the padding necessary cause leaves weird white line on right without it.

.table-view .column-header-background .filler {   -fx-background-color: rgba(1, 11, 12, 1);   -fx-padding: 1em; } 

if find better way achieve please, answer welcome.


Comments

Popular posts from this blog

jQuery Mobile app not scrolling in Firefox -

c++ - How to add Crypto++ library to Qt project -

php array slice every 2th rule -