8

如何在 JavaFX 表视图中设置行高？我试图通过使用 css 来增加它，但这不起作用：

.table-row{
    line-height: 50px;
}

有没有其他方法可以解决这个问题？

4

2 回答 2

18

您可以使用

.table-row-cell {
    -fx-cell-size: 50px;
}

.table-row-cell是分配给表行的类，如 中所述，capian.css可在 jfxrt.jar (com/sun/javafx/scene/control/skin/caspian/caspian.css) 获得：

表格中的每一行都是一个表格行单元格。表格行单元格内是任意数量的表格单元格。

并且-fx-cell-size，在这种情况下，是行高（实际上是每个单元格的高度），正如Oracle 的 JavaFX CSS 参考指南中所确认​​的那样

-fx-cell-size：单元格大小。对于垂直 ListView 或 TreeView 或 TableView，这是高度，对于水平 ListView，这是宽度。

我在以下示例中尝试了上述解决方案：

PetsTable：（注意使用scene.getStylesheets().add("styles/styles.css");，定义要使用的css文件）

import javafx.application.Application;
import javafx.beans.property.SimpleStringProperty;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.stage.Stage;

public class PetsTable extends Application {

    @SuppressWarnings({ "rawtypes", "unchecked" })
    @Override
    public void start(Stage stage) {
        Scene scene = new Scene(new Group());
        stage.setTitle("Pets");
        stage.setWidth(200);
        stage.setHeight(200);

        ObservableList<Pet> data = FXCollections.observableArrayList(new Pet("Kitty", "Susan"), 
                new Pet("Ploft", "Jackob"));
        TableView<Pet> table = new TableView<Pet>();

        TableColumn name = new TableColumn("Name");
        name.setMinWidth(100);
        name.setCellValueFactory(new PropertyValueFactory<Pet, String>("name"));

        TableColumn owner = new TableColumn("Owner");
        owner.setMinWidth(100);
        owner.setCellValueFactory(new PropertyValueFactory<Pet, String>("owner"));

        table.setItems(data);
        table.getColumns().addAll(name, owner);

        ((Group) scene.getRoot()).getChildren().addAll(table);

        /**********************************************/
        /********* Setting the css style file *******/
        /**********************************************/
        scene.getStylesheets().add("styles/styles.css");

        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }

    public static class Pet {

        private final SimpleStringProperty name;
        private final SimpleStringProperty owner;

        private Pet(String name, String owner) {
            this.name = new SimpleStringProperty(name);
            this.owner = new SimpleStringProperty(owner);
        }

        public String getName() {
            return name.get();
        }

        public String getOwner() {
            return owner.get();
        }
    }
}

样式.css：

.table-row-cell {
    -fx-cell-size: 50px;
}
于 2013-09-10T12:59:37.497 回答
1

如果您使用的是列表视图，请尝试此操作！ 

.list-cell {
    -fx-cell-size: 250px;
}
于 2016-07-13T20:16:28.020 回答