Question

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

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

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

Answer 1

您可以使用

.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's JavaFX CSS Reference Guide确认

-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();
        }
    }
}

<强> styles.css的：

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

Answer 2

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

.list-cell {
    -fx-cell-size: 250px;
}

在JavaFX TableView中设置行高

2 个答案: