Layui 表格table 第一次加载动态设置列

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

夏已微凉、

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

阅读量2k

点赞数

分类专栏： # Layer 文章标签： layui table 第一次渲染列

本文链接：https://blog.csdn.net/qq_36025814/article/details/104020653

版权

Layui 表格table 第一次加载动态设置列

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代码

<script>
    let result = {:json_encode($result)};
    layui.use(['table'], function(){
        let $ = layui.$,
            table = layui.table;

        //动态组装列数据
        let cols = [
                {field: 'name', title: '姓名'},
                {field: &