垂直对齐CheckboxTableCell的CheckBox

时间:2020-01-22 10:42:35

标签: css javafx

我根据此示例在JavaFX中创建具有可扩展行的表:

http://codemonkeycorner.com/post/expandable-table-rows-in-javafx

我还以最简单的方式添加CheckBoxTableCell:

TableColumn<Person, Boolean> checkBoxCol = new TableColumn<>("check");

checkBoxCol.setCellFactory(CheckBoxTableCell.forTableColumn(itemId -> {
    BooleanProperty visibleProperty = new SimpleBooleanProperty();
    return visibleProperty;
}));
table.getColumns().addAll(expandCol, firstNameCol, lastNameCol, emailCol, checkBoxCol);

这对于添加CheckBox效果很好,但是当我扩展表格行时,复选框将垂直于扩展行的中心对齐,而不是在顶部样式化,这是文本单元格的行为。

enter image description here

是否可以使用CSS或Java代码更改此行为?如何在CheckBoxTableCell中设置CheckBox的垂直对齐方式?

2 个答案:

答案 0 :(得分:1)

我找到了解决方案,设置了

-fx-alignment: top-center;

在CSS中有效。

答案 1 :(得分:0)

您可以在CSS中为复选框元素单元格应用属性“ vertical-align:middle;”

相关问题