项目中需要用到动态设置数据列,数据列的数据需要动态的函数格式化:
实现步骤:
1、必须是layui2.5.5及以上版本,支持:templet:function(d){}
2、格式化动态列数组: 例如:
var arr = [];
var fields = ['col1', 'col2', 'col3', 'col4', ];
var titles = ['ID', '标题', '内容', '作者'];
for(var i=0;i<fields.length;i++){
arr.push({field:fields[i], title:titles[i], sort: true, templet:function(d){
return d[this.field] + "【有乎】"; //这里用this.field来获取到当前列名
}});
}
3、直接用layui表格渲染即可
table.render({
url: 'api.php?a=‘+Math.random()
,elem: '#datas'
,page:true
,cols: [arr] //这里的arr为第2步中的全局变量
});