数据表格的加载:用了layui插件里面的数据表格,加载表格,首先需要给它准备好一个Demo,存放所有的数据,这里需要加载所有的仓库。
加载表格之前要声明两个全局变量以方便使用,一个是数据表格Demo,一个是laer跟layuiTable模块,接着的代码全部写到Jquery里面,这些格式都是插件里面固定的写法,理解好需要使用的参数就可以得到需要的效果,开始使用layui.use需要用到layer和table模块,所以layer、layuiTable要分别声明使用的是layui.的layer、table模块,接着就是初始化表格,使用全局变量中的tabStore通过layuiTable.render()指定容器加载出表格,elem是html中的表格id,url是数据接口数据的路径,cols是表头,表头里面有很多参数,参数的值需要用单引号括起来,如这用到的:type是设定指定类型,复选框和序列号就是指定的类型,title设定的是表头需要显示的名称,field设定字段名,字段名的设定非常重要,且是表格数据列的唯一标识,hide是否开启隐藏列,align:单元格排列方式,sort是否允许排序,templet是自定义列模板。这里利用了自定义列模板实现了修改和删除的功能。
var tabStore;
var layer, layuiTable;
$(function () {
//加载&初始化layui模块
layui.use([‘la
Layui数据表格
最新推荐文章于 2024-04-09 14:30:35 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)