我们可以使用来自 JavaFX API 的 TableView，TableColumn 和 TableCell 类以表格形式表示数据。
通过实现数据模型和应用单元工厂来填充表中的数据。
表类可以按列排序数据，并在必要时调整列大小。

创建表

表控件是通过实例化 TableView 类创建的。

  1. TableView table = new TableView();
  2. table.setEditable(true);

然后使用 TableColumn 类创建三个列。TableView 类的 getColumns 方法将创建的列添加到表中。

  1. TableColumn firstNameCol = new TableColumn("First Name");
  2. TableColumn lastNameCol = new TableColumn("Last Name");
  3. TableColumn emailCol = new TableColumn("Email");
  5. table.getColumns().addAll(firstNameCol, lastNameCol, emailCol);

我们可以通过调用 setVisible 方法隐藏列。

  1. aColumn.setVisible(false).

以下代码创建一个表。

  1. import javafx.application.Application;
  2. import javafx.scene.Scene;
  3. import javafx.scene.control.TableColumn;
  4. import javafx.scene.control.TableView;
  5. import javafx.scene.layout.StackPane;
  6. import javafx.stage.Stage;
  8. public class Main extends Application {
  9.     public static void main(String[] args) {
  10.         launch(args);
  11.     }
  12.     @Override
  13.     public void start(Stage primaryStage) {
  14.         TableView table = new TableView();
  15.         table.setEditable(true);
  17.         TableColumn firstNameCol = new TableColumn("First Name");
  18.         TableColumn lastNameCol = new TableColumn("Last Name");
  19.         TableColumn emailCol = new TableColumn("Email");
  21.         table.getColumns().addAll(firstNameCol, lastNameCol, emailCol);
  22.         emailCol.setVisible(false);
  24.         StackPane root = new StackPane();
  25.         root.getChildren().add(table);
  26.         primaryStage.setScene(new Scene(root, 200, 250));
  27.         primaryStage.show();
  28.     }
  29. }

image.png

嵌套标头

使用 JavaFX 表视图，我们可以轻松创建嵌套列。
假设我们要将两个子列添加到地址列。

  1. TableColumn cityCol = new TableColumn("City");
  2. TableColumn stateCol = new TableColumn("State");

然后我们将新创建的列添加到地址列。

  1. addressCol.getColumns().addAll(cityCol, stateCol);

完整的源代码

  1. import javafx.application.Application;
  2. import javafx.scene.Scene;
  3. import javafx.scene.control.TableColumn;
  4. import javafx.scene.control.TableView;
  5. import javafx.scene.layout.StackPane;
  6. import javafx.stage.Stage;
  8. public class Main extends Application {
  9.     public static void main(String[] args) {
  10.         launch(args);
  11.     }
  12.     @Override
  13.     public void start(Stage primaryStage) {
  14.         TableView table = new TableView();
  15.         table.setEditable(true);
  17.         TableColumn firstNameCol = new TableColumn("First Name");
  18.         TableColumn lastNameCol = new TableColumn("Last Name");
  19.         TableColumn addressCol = new TableColumn("Email");
  21.         table.getColumns().addAll(firstNameCol, lastNameCol, addressCol);
  23.         TableColumn cityCol = new TableColumn("City");
  24.         TableColumn stateCol = new TableColumn("State");
  26.         addressCol.getColumns().addAll(cityCol, stateCol);
  28.         StackPane root = new StackPane();
  29.         root.getChildren().add(table);
  30.         primaryStage.setScene(new Scene(root, 200, 250));
  31.         primaryStage.show();
  32.     }
  33. }

image.png

动态添加新行

以下代码显示如何向表视图中添加数据。 创建 JavaFX JavaBean 以保存单个行的值。 表中的每一行代表一个名字为姓氏的人。 JavaFX JavaBean 称为 Person，它有两个字段，名字和姓氏。 Person 为这两个值提供了可绑定的属性。
在 UI 逻辑中，它使用 ObservableList 来保存表视图的值。 ObservableList 中的每个元素都是一个Person对象。
在按钮事件处理程序中，它创建一个新的具有硬编码的名字和姓氏的人，然后添加到 ObservableList。

  1. import javafx.application.Application;
  2. import javafx.collections.FXCollections;
  3. import javafx.collections.ObservableList;
  4. import javafx.event.ActionEvent;
  5. import javafx.geometry.Insets;
  6. import javafx.scene.Group;
  7. import javafx.scene.Scene;
  8. import javafx.scene.control.Button;
  9. import javafx.scene.control.TableColumn;
  10. import javafx.scene.control.TableView;
  11. import javafx.scene.control.cell.PropertyValueFactory;
  12. import javafx.scene.layout.HBox;
  13. import javafx.scene.layout.VBox;
  14. import javafx.stage.Stage;
  16. public class JavaFx02 extends Application {
  18.     public static void main(String[] args) {
  19.         launch(args);
  20.     }
  22.     @Override
  23.     public void start(Stage stage) {
  24.         Group root = new Group();
  25.         Scene scene = new Scene(root,450,550);
  27.         TableView<Person> table = new TableView<>();
  28.         ObservableList<Person> data = FXCollections.observableArrayList(new Person("A", "B"));
  29.         table.setItems(data);
  31.         TableColumn firstNameCol = new TableColumn("First Name");
  32.         firstNameCol.setMinWidth(100);
  33.         firstNameCol.setCellValueFactory(new PropertyValueFactory<>("firstName"));
  35.         TableColumn lastNameCol = new TableColumn("Last Name");
  36.         lastNameCol.setMinWidth(100);
  37.         lastNameCol.setCellValueFactory(new PropertyValueFactory<>("lastName"));
  39.         table.getColumns().addAll(firstNameCol, lastNameCol);
  41.         Button addButton = new Button("Add");
  42.         addButton.setOnAction((ActionEvent e) -> {
  43.             data.add(new Person("Z","X"));
  44.         });
  46.         HBox hb = new HBox();
  47.         hb.getChildren().addAll(addButton);
  48.         hb.setSpacing(3);
  50.         VBox vbox = new VBox();
  51.         vbox.setSpacing(5);
  52.         vbox.setPadding(new Insets(10));
  53.         vbox.getChildren().addAll(table, hb);
  55.         root.getChildren().addAll(vbox);
  57.         stage.setScene(scene);
  58.         stage.show();
  59.     }
  61.     public static class Person {
  63.         private String firstName;
  64.         private String lastName;
  66.         public Person(){}
  68.         public Person(String firstName,String lastName ){
  69.             this.firstName = firstName;
  70.             this.lastName = lastName;
  71.         }
  73.         public String getFirstName() {
  74.             return firstName;
  75.         }
  77.         public void setFirstName(String firstName) {
  78.             this.firstName = firstName;
  79.         }
  81.         public String getLastName() {
  82.             return lastName;
  83.         }
  85.         public void setLastName(String lastName) {
  86.             this.lastName = lastName;
  87.         }
  88.     }
  89. }

image.png

行中添加按钮、排序

TableView 类具有列的内置排序功能。

  1. aColumn.setSortType(TableColumn.SortType.DESCENDING);
  2. import javafx.application.Application;
  3. import javafx.beans.value.ObservableValue;
  4. import javafx.collections.FXCollections;
  5. import javafx.collections.ObservableList;
  6. import javafx.geometry.Insets;
  7. import javafx.scene.Group;
  8. import javafx.scene.Scene;
  9. import javafx.scene.control.Button;
  10. import javafx.scene.control.TableCell;
  11. import javafx.scene.control.TableColumn;
  12. import javafx.scene.control.TableView;
  13. import javafx.scene.control.cell.PropertyValueFactory;
  14. import javafx.scene.layout.VBox;
  15. import javafx.stage.Stage;
  16. import javafx.util.Callback;
  18. public class JavaFx01 extends Application {
  20.     public static void main(String[] args) {
  21.         launch();
  22.     }
  24.     @Override
  25.     public void start(Stage stage) {
  26.         Group root = new Group();
  27.         Scene scene = new Scene(root,450,550);
  29.         TableView<Person> table = new TableView<>();
  30.         ObservableList<Person> data =FXCollections.observableArrayList(new Person("A", "B"),new Person("D", "E"));
  32.         table.setItems(data);
  34.         TableColumn firstNameCol = new TableColumn("First Name");
  35.         firstNameCol.setMinWidth(100);
  36.         firstNameCol.setCellValueFactory(new PropertyValueFactory<>("firstName"));
  38.         TableColumn lastNameCol = new TableColumn("Last Name");
  39.         lastNameCol.setMinWidth(100);
  40.         lastNameCol.setCellValueFactory(new PropertyValueFactory<>("lastName"));
  42.         TableColumn<Person,String> operationCol = new TableColumn("操作");
  43.         lastNameCol.setMinWidth(100);
  44.         operationCol.setCellFactory(new Callback<TableColumn<Person, String>, TableCell<Person, String>>() {
  45.             @Override
  46.             public TableCell<Person, String> call(TableColumn<Person, String> personStringTableColumn) {
  48.                 Button btn = new Button("删除");
  50.                 TableCell<Person,String> cell = new TableCell<Person,String>(){
  51.                     @Override
  52.                     protected void updateItem(String item, boolean empty) {
  53.                         super.updateItem(item, empty);
  54.                         if (empty) {
  55.                             setGraphic(null);
  56.                             setText(null);
  57.                         } else {
  58.                             btn.setOnAction(actionEvent->{
  59.                                 Person person = getTableView().getItems().get(getIndex());
  60.                                 System.out.println(person.firstName);
  61.                                 System.out.println(person.lastName);
  62.                                 System.out.println("删除....");
  63.                             });
  64.                             setGraphic(btn);//设置按钮
  65.                             setText(null);//清空文本
  66.                         }
  68.                     }
  69.                 };
  71.                 return cell;
  72.             }
  73.         });
  75.         table.getColumns().addAll(firstNameCol, lastNameCol,operationCol);
  77.         firstNameCol.setSortType(TableColumn.SortType.DESCENDING);
  78.         lastNameCol.setSortable(false);
  80.         VBox vbox = new VBox();
  81.         vbox.setSpacing(5);
  82.         vbox.setPadding(new Insets(10, 0, 0, 10));
  83.         vbox.getChildren().addAll(table);
  85.         root.getChildren().addAll(vbox);
  87.         stage.setScene(scene);
  88.         stage.show();
  89.     }
  91.     public static class Person {
  93.         private String firstName;
  94.         private String lastName;
  96.         public Person(){}
  98.         public Person(String firstName,String lastName ){
  99.             this.firstName = firstName;
  100.             this.lastName = lastName;
  101.         }
  103.         public String getFirstName() {
  104.             return firstName;
  105.         }
  107.         public void setFirstName(String firstName) {
  108.             this.firstName = firstName;
  109.         }
  111.         public String getLastName() {
  112.             return lastName;
  113.         }
  115.         public void setLastName(String lastName) {
  116.             this.lastName = lastName;
  117.         }
  118.     }
  119. }

image.png