rowspan 动态变化_对layui数据表格动态cols(字段)动态变化详解

如搜索查询时，常会遇到按日期时间段查询，并显示查询的每个日期的数据，后台拼装数据此处不讨论。

把表格渲染封装在函数里面，cols_arr是传入的字段数组

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) {}

});

}

监听搜索提交

// 搜索

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);

if ( all_date.length>7){

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

ret