Layui 表格table 第一次加载动态设置列

1、PHP传动态数据到前端；前端json一下；循环设置 cols[0] 的值

2、PHP代码

$types = [ 1 => '类型1', 2 => '类型2', 3 => '类型3' ];
foreach ($types as $k => $v){$storeName = 'type_'.$k;$result[] = ['id' => $k,'field' => $storeName,'title'=> $v];
}
$this->assign('result', $result);
return $this->fetch();

3、JS代码

<script>let result = {:json_encode($result)};layui.use(['table'], function(){let $ = layui.$,table = layui.table;//动态组装列数据let cols = [{field: 'name', title: '姓名'},{field: 'age', title: '年龄'}];//根据result渲染列let length = result.length;for(let i=0; i<length; i++){cols.push({field: result[i]['field'], title: result[i]['title']});}cols.push({field: 'create_time', title: '创建时间'});//表格渲染let tableIns = table.render({elem: '#id' //表单挂载对象,url: '/././'   //获取数据的后台接口,cols: [cols],text: {none: '暂无相关数据！'},where:{delivery_time: '1579142378'} //默认查找条件，where属性可不设置,page: false    //是否打开分页,parseData: function(res) {return {code: res.code,msg: res.msg,count: res.data.count,data: res.data.data}},done:function(res, curr, count){}});});
</script>

Layui 表格table 第一次加载动态设置列相关推荐

普元EOS：DataGrid表格实现分页加载、自定义列、单元格渲染、行编辑器、锁定列、过滤行、汇总行等功能。
demo(例子) <div id="datagrid1" class="nui-datagrid" style="width:700px;hei ...
layui table 每列加标签_【前端】layui表格中根据条件给对应的列加背景色
[前端]layui表格中根据条件给对应的列加背景色 [前端]layui表格中根据条件给对应的列加背景色 1.效果(根据条件动态给表格加背景色) 2.代码: 在我自己的项目中,由于条件比较多,提取出了一 ...
bootstraptable 加载完成_bootstrap table onLoadSuccess加载服务端数据成功事件
bootstrap table onLoadSuccess加载服务端数据成功事件 bootstrap table onLoadSuccess加载服务端数据成功的事件,该事件的作用是什么呢?服务端返回自 ...
提高网站第一次加载速度
特别是在手机端访问,用户第一次打开网站,如果得到反馈的时间太久,用户很可能在页面完成加载之前就离开,不会再次访问.所以,网站.web App,提高首次访问的加载速度就显得特别重要了.第一次加载速度是用 ...
Linux系统程序运行时加载动态库路径顺序
程序运行时加载动态库路径顺序(Linux) 在linux系统中,如果程序需要加载动态库,它会按照一定的顺序(优先级)去查找: 链接时路径(Link-time path)和运行时路径(Run-time ...
elementui的el-tree第一次加载无法展开和选中的问题
问题现象 elmentui的el-tree数据加载问题,导致第一次加载选中当前节点和高亮当前节点没有生效. 解决方案默认展开节点的解决在el-tree上面挂上data-change <el- ...
vue3加载动态图片
vue3加载动态图片一.动态加载图片使用new URL(url, import.meta.url) <template><div class="home"&g ...
linux直接运行程序加载动态库失败,扣丁学堂Linux培训详解程序运行时加载动态库失败解决方法...
今天扣丁学堂Linux培训老师给大家介绍一下关于Linux程序运行时加载动态库失败的解决方法,希望对同学们学习有所帮助,下面我们一起来看一下吧. Linux下不能加载动态库问题当出现下边异常情况 . ...
php无法加载dll插件,php无法加载动态库怎么办
php无法加载动态库的解决办法:1.将PHP的集成包里的"libmySQL.dll"复制到system32目录下:2.将PHP的解压目录添加到PATH里:3.在Apache的配置文 ...
使用Poco实现插件方式加载动态库
动态库封装虚基类 //AbstractPlugin.h #ifndef __ABSTRACTPLUGIN_H__ #define __ABSTRACTPLUGIN_H__#include <st ...

Layui 表格table 第一次加载动态设置列

Layui 表格table 第一次加载动态设置列相关推荐

最新文章

热门文章