溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
如搜索查詢時，常會遇到按日期時間段查詢，并顯示查詢的每個日期的數據，后臺拼裝數據此處不討論。
把表格渲染封裝在函數里面，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});
return false;
}
window.cols_arr[0] = [];
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'})
})
}
tableRender(window.cols_arr);
table.reload('demo', {
page: {
curr: 1
},
where: {
all_date: all_date
}
});
return false;
});
如果只是重載，cols屬性不會改變，解決思路：重載前執行一次封裝了渲染的函數，也就是tableRender();用全局變量或傳參的形式都行
以上這篇對layui數據表格動態cols(字段)動態變化詳解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
