如何让TableCell完全填充高度？TableView单元格布局适配求助

我需要实现左侧图示的TableView效果（每个数据单元格左侧固定显示灰色小方块，右侧紧跟对应文本，整体布局整齐对齐），但目前仅能达成右侧图示的外观（存在布局错位、空单元格显示多余控件等问题）。

当前实现代码 #

freq.setCellFactory(new Callback<TableColumn<Item, String>, TableCell<Item, String>>() {
            @Override
            public TableCell<Item, String> call(TableColumn<Item, String> itemStringTableColumn) {
                return new TableCell<>(){

                    @Override
                    protected void updateItem(String item, boolean empty) {
                        super.updateItem(item, empty);
                        Rectangle rectangle = new Rectangle();
                        rectangle.setFill(Paint.valueOf("grey"));
                        rectangle.setHeight(20);
                        rectangle.setWidth(30);
                        setGraphic(new HBox(rectangle, new Label(item)){{setStyle("-fx-alignment: CENTER_LEFT;-fx-spacing: 15");}});
                    }

                    @Override
                    public void startEdit() {
                        super.startEdit();
                    }

                    @Override
                    public void cancelEdit() {
                        super.cancelEdit();
                    }
                };
            }
        });

解决方案及优化代码 #

问题分析 #

当前代码的核心问题：

• 每次updateItem都会创建新的Rectangle、Label和HBox，不仅浪费内存，还可能导致布局异常
• 未处理empty或item == null的情况，空单元格会显示多余的灰色方块

优化后的完整代码 #

freq.setCellFactory(new Callback<TableColumn<Item, String>, TableCell<Item, String>>() {
    @Override
    public TableCell<Item, String> call(TableColumn<Item, String> itemStringTableColumn) {
        return new TableCell<>(){
            // 初始化一次控件，复用避免重复创建
            private final Rectangle rectangle = new Rectangle(30, 20, Paint.valueOf("grey"));
            private final Label textLabel = new Label();
            private final HBox cellContainer = new HBox(15, rectangle, textLabel);

            {
                // 统一设置容器样式
                cellContainer.setStyle("-fx-alignment: CENTER_LEFT;");
            }

            @Override
            protected void updateItem(String item, boolean empty) {
                super.updateItem(item, empty);
                // 处理空单元格，清空内容
                if (empty || item == null) {
                    setGraphic(null);
                    return;
                }
                // 更新文本内容，复用已有控件
                textLabel.setText(item);
                setGraphic(cellContainer);
            }
        };
    }
});

优化说明 #

1. 控件复用：将Rectangle、Label和HBox声明为TableCell的成员变量，仅在单元格初始化时创建一次，避免每次更新都生成新控件
2. 空单元格处理：增加判断逻辑，空单元格或数据为空时不显示任何内容
3. 样式统一：提前设置HBox的对齐方式和间距，保证所有单元格布局一致，达到左侧图示的规整效果

内容的提问来源于stack exchange，提问作者XiaoJiawei