JavaFX TableView文本对齐

Question

如图所示，每个列的文本对齐方式设置为左对齐。有没有办法改变这一点？到目前为止，我已经在CSS文件中尝试了：

#Cols{
    text-align: right;
}

我也尝试过：

#Cols{
    -fx-text-alignment: right;
}

有人知道如何将对齐更改为右吗？

Answer 1

即使这是两年前的事，这里还有另一个答案。对于每个表列都存在一个默认的css样式类. table-列，因此如果您想更改整个表列以证明居中正确，则只需将其放在样式表或内联样式中：

.table-column {
  -fx-alignment: CENTER_RIGHT;
}

如果有一列应该以其他方式对齐，如行标题，则完全没有问题，请将id附加到此列，如行标题，并以样式表或内联样式写入：

#rowHeading {
  -fx-alignment: CENTER_LEFT;
}

它应该位于左中心。无需大量编码。

Answer 2

快速修复方法是在SceneBuilder中选择列，然后将属性添加到样式字段中

Answer 3

从JavaFX-8开始，您可以使用新定义的CSS选择器表列，

#my-table .table-column {
  -fx-alignment: CENTER-RIGHT;
}

对于JavaFX-2，要实现这一点，请定义CSS选择器：

#my-table .table-cell {
    -fx-alignment: CENTER-RIGHT;
     /* The rest is from caspian.css */

    -fx-skin: "com.sun.javafx.scene.control.skin.TableCellSkin";
    -fx-padding: 0.166667em; /* 2px, plus border adds 1px */

    -fx-background-color: transparent;
    -fx-border-color: transparent -fx-table-cell-border-color transparent transparent;
    -fx-border-width: 0.083333em; /* 1 */
    -fx-cell-size: 2.0em; /* 24 */
    -fx-text-fill: -fx-text-inner-color;
}

并设置tableview的id。

tableView.setId("my-table");

从JavaFX-8开始，您可以将样式直接应用于TableColumn，

firstTextCol.setStyle( "-fx-alignment: CENTER-RIGHT;");

或使用css，

firstTextCol.getStyleClass().add( "custom-align");

在哪里

.custom-align { 
  -fx-alignment: center-right; 
} 

对于JavaFX-2，要对不同的列应用不同的对齐方式，需要为该列设置单元格工厂。例如，假设表格中的第一列应向左对齐，而其他列则使用表格的默认对齐方式（在您的情况下为“居中-右对齐”）。

firstTextCol.setCellFactory(new Callback<TableColumn, TableCell>() {
            public TableCell call(TableColumn p) {
                TableCell cell = new TableCell<Person, String>() {
                    @Override
                    public void updateItem(String item, boolean empty) {
                        super.updateItem(item, empty);
                        setText(empty ? null : getString());
                        setGraphic(null);
                    }

                    private String getString() {
                        return getItem() == null ? "" : getItem().toString();
                    }
                };

                cell.setStyle("-fx-alignment: CENTER-LEFT;");
                return cell;
            }
        });