Layuiテーブルtable動的設定列の最初のロード
Layuiテーブルtable動的設定列の最初のロード
1、PHPはダイナミックデータをフロントエンドに伝達する;フロントエンドjsonちょっと;ループ設定cols[0]の値
2、PHPコード
3、JSコード
1、PHPはダイナミックデータをフロントエンドに伝達する;フロントエンドjsonちょっと;ループ設定cols[0]の値
2、PHPコード
$types = [ 1 => ' 1', 2 => ' 2', 3 => ' 3' ];
foreach ($types as $k => $v){
$storeName = 'type_'.$k;
$result[] = [
'id' => $k,
'field' => $storeName,
'title'=> $v
];
}
$this->assign('result', $result);
return $this->fetch();
3、JSコード
let result = {:json_encode($result)};
layui.use(['table'], function(){
let $ = layui.$,
table = layui.table;
//
let cols = [
{field: 'name', title: ' '},
{field: 'age', title: ' '}
];
// result
let length = result.length;
for(let i=0; i<length; i++){
cols.push({field: result[i]['field'], title: result[i]['title']});
}
cols.push({field: 'create_time', title: ' '});
//
let tableIns = table.render({
elem: '#id' //
,url: '/././' //
,cols: [cols]
,text: {
none: ' !'
}
,where:{delivery_time: '1579142378'} // ,where
,page: false //
,parseData: function(res) {
return {
code: res.code,
msg: res.msg,
count: res.data.count,
data: res.data.data
}
}
,done:function(res, curr, count){
}
});
});