Как убрать линии между колонками TableView JavaFX CSS?
Существует TableView
, в котором есть колонки, которые разделяются линиями, которые необходимо убрать.
Перепробовал все, но линии так и не получилось. Выглядит это примерно так:
Вот CSS Код:
.table-view {
-fx-background-color: rgba(50, 50, 50, 0.4);
-fx-background-radius: 14 14 0 0;
-fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.95), 20, 0, 0, 0);
-fx-text-fill: white;
}
.table-view .column-header-background {
-fx-background-color: rgba(50, 50, 50, 0.4);
-fx-background-radius: 14;
-fx-text-fill: white;
}
.table-view .column-header, .table-view .filler {
-fx-pref-height: 50px;
-fx-border-width: 0;
-fx-background-color: transparent;
-fx-text-fill: white;
-fx-border-insets: -1;
}
.table-view .column-header .label {
-fx-text-fill: white;
-fx-font-size: 14px;
-fx-alignment: center-left;
-fx-padding: 0 10 0 10;
}
.table-row-cell:empty {
-fx-background-color: transparent;
-fx-border-insets: -1;
}
.table-view .placeholder .label {
-fx-text-fill: white;
-fx-padding: 20px;
-fx-border-insets: -1;
}
.table-row-cell:filled {
-fx-background-color: transparent;
-fx-border-color: transparent;
-fx-border-insets: -1;
}
.table-row-cell:selected {
-fx-background-color: transparent;
-fx-text-fill: white;
-fx-border-color: white;
-fx-border-insets: -1;
}
Ответы (1 шт):
Автор решения: Roman C
→ Ссылка
Вот здесь вы убираете линии, .table-view
почему-то дублируется
.table-view .column-header, .table-view .filler {
-fx-pref-height: 50px;
-fx-border-width: 0;
-fx-background-color: transparent;
-fx-text-fill: white;
-fx-border-insets: -1;
}
А вот здесь нужно добавить -fx-border-width
.table-row-cell {
-fx-border-width: 0;
}