对layui数据表格动态cols(字段)动态变化

网络推广 2025-05-15 00:32www.dzhlxh.cn网络推广竞价

```javascript

function tableRender(cols_arr){

table.render({

elem: 'demo',

url: 请求地址, //数据接口

method: 'post',

page: true, //开启分页

cols: cols_arr,

id: 'demo',

limit: 10,

limits: [10, 20, 50, 100, 200, 500],

done: function (res) {}

});

}

```

二、监听搜索提交事件

```javascript

form.on('submit(demo1)', function (obj) {

var start_date = obj.field.start_date;

var end_date = obj.field.end_date;

if (start_date != '' && end_date != ''){

var all_date = getAll(start_date, end_date); //获取所有日期,假设getAll为获取日期的函数

if (all_date.length > 7){ //如果查询天数超过7天,给出提示并返回

layer.msg('查询天数不得超过7天', {icon: 2, anim: 6});

return false;

}

// 动态构建cols_arr的值,假设window为全局对象,存储其他全局变量或函数等

window.cols_arr[0] = []; //初始化cols数组的第一项为一个空数组

window.cols_arr[0][0] = {field:'group_id', title: '群号', align: 'center'}; //固定列设置,比如群号列等(可以根据实际需求修改)

all_date.forEach(function(value,i){ //遍历日期数组,动态构建列信息

window.cols_arr[0][i+1]=({field: value, title: value+'数据', align: 'center'}) //构造新的列信息并添加到cols数组中(此处title可根据实际需求修改)

})

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板