<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script>
layui.use(['form', 'table'], function () {
var $ = layui.jquery,
var form = layui.form,
var table = layui.table;
//渲染方法
table.render(options);
//重载方法
table.reload(id, options)
}
//若为静态渲染,则 lay-data 里面的内容即为基础参数项
<table lay-data="{url:''}"> … </table>
</script>
参数 | 类型 | 说明 | 默认 / 用法 |
---|---|---|---|
参数 | 类型 | 说明 | 默认 |
elem | String/DOM | 指定原始 table 容器 | |
cols | Array | 设置表头。值是一个二维数组 | |
url | String | 异步数据接口 | |
data | Array | 直接赋值数据.既适用于只展示一页数据.注:该参数与 url 参数只能二选一 | |
id | String | 设定容器唯一 id | |
toolbar | String/DOM/Boolean | 开启表格头部工具栏区域,该参数支持四种类型值: | |
defaultToolbar | Array | 该参数可自由配置头部工具栏右侧的图标按钮 | |
width | Number | 设定容器宽度 | |
height | Number/String | 设定容器高度 | |
cellMinWidth | Number | 全局定义所有常规单元格的最小宽度 | |
lineStyle | String | 用于定义表格的多行样式,如每行的高度等。该参数一旦设置 | lineStyle: ‘height: 95px;’ |
className | String | 用于给表格主容器追加 css 类名 | |
css | String | 用于给当前表格主容器直接设定 css 样式 | |
escape | Boolean | 是否开启对内容的编码(转义 html) | true |
totalRow | Boolean/String | 是否开启合计行区域 | false |
page | Boolean/Object | 开启分页。支持传入一个对象 | false |
pagebar | String/DOM | 用于开启分页区域的自定义模板 | |
limit | Number | 每页显示的条数 | |
limits | Array | 每页条数的选择项。 | |
loading | Boolean | 是否显示加载条 | |
scrollPos | String | 用于设定重载数据或切换分页时的滚动条的位置状态 | |
editTrigger | String | 是用于设定单元格编辑的事件触发方式,如双击:dblclick | |
title | String | 定义 table 的大标题 | |
text | Object | 自定义文本,如空数据时的异常提示等。 | |
autoSort | Boolean | 默认 true,即直接由 table 组件在前端自动处理排序。 | |
initSort | Object | 初始排序状态。用于在数据表格渲染完毕时,默认按某个字段排序。 | |
skin | 设定表格各种外观、尺寸等 | ||
before | Function | 数据拉取之前的回调 | |
done | Function | 数据渲染完毕的回调 | |
error | Function | 数据请求失败的回调 | |
field | String | 设定字段名 | |
title | String | 设定标题名称 | |
width | Numberr/String | 设定列宽, | |
minWidth | Number | 局部定义当前常规单元格的最小宽度 | |
type | String | 设定列类型。可选值有: normal(常规列,无需设定), checkbox(复选框列), radio(单选框列), numbers(序号列), space(空列) | |
LAY_CHECKED | Boolean | 是否全选状态 | false |
fixed | String | 固定列,可选值有: left(固定在左), right(固定在右) | |
hide | Boolean | 是否初始隐藏列 | false |
escape | Boolean | 当前列是否开启编码转义 html | true |
totalRow | Boolean/String | 是否开启该列的自动合计功能 | true |
sort | Boolean | 是否允许排序 | false |
unresize | Boolean | 是否禁用拖拽列宽 | false |
edit | String | 单元格开启编辑的方式(默认不开启), 支持的值有:text textarea | |
event | String | 自定义单元格点击事件名 | |
style | String | 自定义单元格样式 | |
align | String | 单元格排列方式。 可选值有:left、center、right | left |
colspan | Number | 单元格所占列数。一般用于多级表头 | |
rowspan | Number | 单元格所占行数 | |
templet | String/Function | 自定义列模板 | |
exportTemplet | String/Function | 专用于表格导出时的内容输出 | |
toolbar | String/Function | 绑定行工具模板 |