我在JavaFX( caspian.css )中遇到了TableView样式的奇怪问题:我希望我的单元格具有1px填充或1px透明边框。但是,如果我应用其中任何一个,列排序指示符将向右移动。
如何在保持排序箭头的同时在视觉上分离表格单元格?
案例1:箭头已就位,单元格未分开。
.table-row-cell {
-fx-background-color: #FBFBFB;
-fx-cell-size: 58px;
}
案例2:箭头移位,细胞分离
.table-row-cell {
-fx-background-color: #FBFBFB;
-fx-cell-size: 58px;
-fx-border-style: solid;
-fx-border-color: transparent; /** This causes trouble */
-fx-border-width: 1px;
}
案例3:箭头移位,细胞分离
.table-row-cell {
-fx-background-color: #FBFBFB;
-fx-cell-size: 58px;
-fx-padding: 1 1 1 1; /** This causes trouble, too */
}
答案 0 :(得分:1)
设置以下样式表
.table-row-cell {
-fx-background-color: #FBFBFB;
-fx-cell-size: 58px;
/** Nothing else done here */
}
并删除Java代码中交付日期单元格的填充
this.setStyle("-fx-padding: 0 0 0 0;");
为我解决了这个问题。