>[danger] 友情提示：構建器目前只支持HisiPHP Pro版本（[我要升級](https://www.hisiphp.com/authorize.html)） 表格頁面在后臺管理開發中，使用頻率最高，主要用于數據的展示和管理。 ## 如何使用 HisiPHP內置的表格構建器同表單構建器一樣的簡單，無需引入任何類庫，與TP的模板賦值方法一樣賦值即可，頁面渲染方法與TP完全一致。下面提供一段示例代碼，在后面的章節會針對不同的配置項做具體說明： ``` // 表格構建器示例 public function table() { $assign = []; $assign['buildTable'] = [ 'toolbar' => [ [ 'title' => '添加', 'url' => url('add'), 'class' => 'hisi-iframe', 'data' => [ 'title' => '添加內容', ], ], [ 'title' => '刪除', 'url' => url('del'), 'class' => 'hisi-toolbar-btn layui-btn-normal', ], ], 'filter' => [ 'items' => [ [ 'type' => 'text', 'title' => '客戶名', 'name' => 'title', ], [ 'type' => 'date', 'title' => '日期', 'name' => 'date', ], [ 'type' => 'select', 'title' => '城市', 'name' => 'select', 'option' => [ 1 => '北京', 2 => '上海', 3 => '重慶', ], ], ], ], 'config' => [ 'page' => true, 'limit' => 20, 'cols' => [ [ 'type' => 'checkbox', ], [ 'field' => 'id', 'title' => 'ID', 'width' => 100, ], [ 'field' => 'title', 'title' => '客戶名', 'width' => 200, ], [ 'field' => 'area', 'title' => '城市', 'width' => 200, ], [ 'field' => 'create_time', 'title' => '創建時間', 'width' => 200, ], [ 'title' => '操作', 'templet' => '<div><a class="layui-btn layui-btn-xs layui-btn-normal">編輯</a><a class="layui-btn layui-btn-xs layui-btn-danger">刪除</a></div>', ], ], ], ]; // 模板賦值并渲染 return $this->assign($assign)->fetch(); } ``` 渲染結果如下：