Layui V2.6.3 Table

<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>
参数类型说明默认 / 用法
参数类型说明默认
elemString/DOM指定原始 table 容器 
colsArray设置表头。值是一个二维数组 
urlString异步数据接口 
dataArray直接赋值数据.既适用于只展示一页数据.注:该参数与 url 参数只能二选一 
idString设定容器唯一 id 
toolbarString/DOM/Boolean开启表格头部工具栏区域,该参数支持四种类型值: 
defaultToolbarArray该参数可自由配置头部工具栏右侧的图标按钮 
widthNumber设定容器宽度 
heightNumber/String设定容器高度 
cellMinWidthNumber全局定义所有常规单元格的最小宽度 
lineStyleString用于定义表格的多行样式,如每行的高度等。该参数一旦设置lineStyle: ‘height: 95px;’
classNameString用于给表格主容器追加 css 类名 
cssString用于给当前表格主容器直接设定 css 样式 
escapeBoolean是否开启对内容的编码(转义 html)true
totalRowBoolean/String是否开启合计行区域false
pageBoolean/Object开启分页。支持传入一个对象false
pagebarString/DOM用于开启分页区域的自定义模板 
limitNumber每页显示的条数 
limitsArray每页条数的选择项。 
loadingBoolean是否显示加载条 
scrollPosString用于设定重载数据或切换分页时的滚动条的位置状态 
editTriggerString是用于设定单元格编辑的事件触发方式,如双击:dblclick 
titleString定义 table 的大标题 
textObject自定义文本,如空数据时的异常提示等。 
autoSortBoolean默认 true,即直接由 table 组件在前端自动处理排序。 
initSortObject初始排序状态。用于在数据表格渲染完毕时,默认按某个字段排序。 
skin 设定表格各种外观、尺寸等 
beforeFunction数据拉取之前的回调 
doneFunction数据渲染完毕的回调 
errorFunction数据请求失败的回调 
fieldString设定字段名 
titleString设定标题名称 
widthNumberr/String设定列宽, 
minWidthNumber局部定义当前常规单元格的最小宽度 
typeString设定列类型。可选值有:
normal(常规列,无需设定),
checkbox(复选框列),
radio(单选框列),
numbers(序号列),
space(空列)
 
LAY_CHECKEDBoolean是否全选状态false
fixedString固定列,可选值有:
left(固定在左),
right(固定在右)
 
hideBoolean是否初始隐藏列false
escapeBoolean当前列是否开启编码转义 htmltrue
totalRowBoolean/String是否开启该列的自动合计功能true
sortBoolean是否允许排序false
unresizeBoolean是否禁用拖拽列宽false
editString单元格开启编辑的方式(默认不开启),
支持的值有:text textarea
 
eventString自定义单元格点击事件名 
styleString自定义单元格样式 
alignString单元格排列方式。
可选值有:leftcenterright
left
colspanNumber单元格所占列数。一般用于多级表头 
rowspanNumber单元格所占行数 
templetString/Function自定义列模板 
exportTempletString/Function专用于表格导出时的内容输出 
toolbarString/Function绑定行工具模板 
This entry was posted in 未分类. Bookmark the permalink.

发表回复