意如果方法在layui加载页面之后进行，需要form.render();重新渲染页面

定义模板id

form表单id 加载数据id<table id="table" lay-filter="test"></table>

<select id="chosen-select" lay-filter="type-select">

<option value="" selected="">请选择描述</option>

</select>//加载自定义搜索框

/*为下拉框id="chosen-select"加载数据type，description（类型与描述两个属性）*/

/* $(function(){

var html = "";

$.ajax({

url: '${ctx}/sys/dict/queryTypeList',

success : function(data) {

//加载数据

for (var i = 0; i < data.length; i++) {

html += '<option value="' + data[i].type + '">' + data[i].description + '</option>'

}

$("#chosen-select").append(html);

}

});

});

们可以使用来自JavaFX API的TableView，TableColumn和TableCell类以表格形式表示数据。

通过实现数据模型和应用单元工厂来填充表中的数据。

表类可以按列排序数据，并在必要时调整列大小。

创建表

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

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

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

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

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

aColumn.setVisible(false).

以下代码创建一个表。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
public class Main extends Application {
 public static void main(String[] args) {
 launch(args);
 }
 @Override
 public void start(Stage primaryStage) {
 TableView table = new TableView();
 table.setEditable(true);
 TableColumn firstNameCol = new TableColumn("First Name");
 TableColumn lastNameCol = new TableColumn("Last Name");
 TableColumn emailCol = new TableColumn("Email");
 
 table.getColumns().addAll(firstNameCol, lastNameCol, emailCol);
 emailCol.setVisible(false);
 StackPane root = new StackPane();
 root.getChildren().add(table);
 primaryStage.setScene(new Scene(root, 200, 250));
 primaryStage.show();
 }
}

上面的代码生成以下结果。