layui表格动态列使用templet

最新推荐文章于 2024-07-10 22:37:56 发布

暖暖小时光

最新推荐文章于 2024-07-10 22:37:56 发布

阅读量2.8k

点赞数 4

分类专栏： layui的那点事

原文链接：http://www.uuuho.com/article/30.html

版权

layui的那点事专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在JavaScript中设置表格列配置的技巧，避免了循环时数据被最后一个元素覆盖的问题，确保每个列名都能正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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来获取到当前列名
}});
}

因为当时直接用的d.fields[i]取值得，导致循环的时候取到的值都会被最后一个覆盖