有乎-价值、共享、信任

What you care about-value, sharing, trust

Layui动态列-动态列里的动态设置函数

有乎科技| 阅读:5234 发表时间:2019-09-16 18:29:25 HTML5+CSS3

项目中需要用到动态设置数据列,数据列的数据需要动态的函数格式化:

实现步骤:

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步中的全局变量
});
*文章为作者独立观点,不代表【uuuho有乎】的立场
本文由【uuuho有乎】发表并编辑,转载此文章须经作者同意,并请附上出处及本页链接。如有侵权,请联系本站删除。

Who are we?