>[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();
}
```
渲染結果如下:

- 序言
- 環境配置
- 下載及安裝
- 目錄結構
- 系統配置
- 多語言
- 命令行(pro版)
- 自動生成模塊或插件(build)
- 生成模塊
- 生成插件
- 自動生成增刪改查(crud)
- 第一步:創建數據表
- 第二步:使用crud指令生成
- 自動生成類庫文件(make)
- 生成控制器文件(make:controller)
- 生成模型文件(make:model)
- 生成邏輯文件(make:logic)
- 生成服務文件(make:service)
- 生成驗證器文件(make:validate)
- 構建器(pro版)
- 表單構建器(form)
- 表單屬性設置
- 添加表單項
- 文本框(text)
- 隱藏域(hidden)
- 密碼框(password)
- 文本域(textarea)
- 單文件(file)
- 多文件(files)
- 單圖(image)
- 多圖(images)
- 開關(switch)
- 單選(radio)
- 多選(checkbox)
- 下拉框(select)
- 標簽(tag)
- 日期時間(datetime)
- 顏色選擇器(color)
- 富文本編輯器(editor)
- 滑塊(slider)
- 評分(rate)
- 穿梭框(transfer)
- 進度條(progress)
- 樹形(tree)
- 聯動(linkage)
- 自定義html(html)
- 分隔線(line)
- 文字(txt)
- 下拉框增強版(select+)
- 數據表格(table)
- 添加表單分組(group)
- 柵格布局(grid)
- 觸發器(trigger)
- 通用上傳方法
- 表格構建器(table)
- 表格基礎配置
- 添加表頭工具欄
- 添加表格篩選
- 頁面提示(pageTips)
- 引入 JS 文件
- 引入 CSS 文件
- 渲染額外 JS 代碼
- 渲染額外 CSS 代碼
- 模塊開發
- 1.生成模塊
- 2.創建菜單
- 3.創建控制器
- 后臺通用方法
- 插件開發
- 1.新建插件
- 2.插件配置
- 3.插件控制器
- 4.插件模板
- 5.插件鉤子
- 模板替換變量
- 公共函數庫
- 后臺通用JS方法
- 常見問題
- 官方模塊
- CMS內容管理模塊
- 目錄結構
- 模板標簽
- API接口
- 欄目頁/內容頁
- 小程序發布
- 官方插件
- 第三方登錄
- excel插件
- 萬能采集
- 采集規則
- 采集內容