调整Yii2框架 GridView 宽度_yii kv-grid-container td宽度设置-优快云博客

本文链接：https://blog.youkuaiyun.com/Jokenzhang/article/details/109577150

本文介绍如何在Yii2框架中调整GridView组件的宽度，并展示了如何设置弹窗页面的宽度及配置分页器样式。同时，提供了如何通过关联模型获取数据及自定义单元格值的实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

调整Yii2框架 GridView 宽度

在这里插入图片描述

<div class="branch-form">
    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'options' => [
            'contentOptions' => [
                'width'=>'800' //调整弹窗页面的宽度
            ],
        ],
        'columns' => [
            'code',
            ['label' => '分馆名称',
                //通过关联模型来获取其他表的数据
                'value' => 'branch.title'],
            ['label' => '用户姓名',
                'value' => 'member.user_name'],
            ['label' => '用户手机号',
                'value' => 'member.phone'],
            'act_time',
            'salesperson',
            'day',
            'end_time',
            ['label' => '状态',
                'value' => function ($model) {
                    if ($model->end_time == '' && $model->act_time == '') {
                        return "未使用";
                    } elseif ($model->end_time < date('Y-m-d H:i:s', time()) && $model->act_time != '') {
                        return "已使用已过期";
                    } elseif ($model->end_time < date('Y-m-d H:i:s', time()) && $model->act_time == '') {
                        return '未使用已过期';
                    } elseif ($model->end_time > date('Y-m-d H:i:s', time()) && $model->act_time == '') {
                        return "未使用未过期";
                    } elseif ($model->end_time > date('Y-m-d H:i:s', time()) && $model->act_time != '') {
                        return "已使用未过期";
                    } else {
                        return "无状态";
                    }
                }]

        ],
        'pager' => [
            'class' => LinkPager::className(),
            'firstPageLabel' => '首页',
            'prevPageLabel' => '<',
            'nextPageLabel' => '>',
            'lastPageLabel' => '尾页',
            'maxButtonCount' => 5,
            'hideOnSinglePage' => false,
        ]
    ]); ?>

</div>