首页 > 解决方案 > Yii2网格视图没有响应

问题描述

我有网格视图并添加像这样响应的类表

<div class="card-box table-responsive">
        <?= GridView::widget([
            'dataProvider' => $dataProvider,
            'options' => ['class' => 'table-responsive'],
            'columns' => [
                ['class' => 'yii\grid\SerialColumn'],

                'id',
                'username',
                'kode_role',
                'kode_karyawan',
                'auth_key',
                'password_hash',
                'password_reset_token',
                'email:email',
                [
                    'header' => 'status',
                    'format' => 'raw',
                    'value' => function($dataProvider){
                        if($dataProvider->status == '5') {
                            return'<span class="btn btn-xs btn-warning">Tidak Aktif</span>';
                        }elseif ($dataProvider->status == '10') {
                            return '<span class="btn btn-xs btn-success">Aktif</span>';
                        }
                    }
                ],
                'created_at',
                'updated_at',
                'verification_token',
            ],
        ]); ?>


    </div>

请不要介意我在网格视图上显示的内容,我只是在移动设备上显示其中的许多测试响应,但结果仍然没有像这张图片 链接那样在移动设备上响应 我的代码有什么问题?对不起,我的英语不好。

在此处输入图像描述

  1. 更新我删除了哈希和其他有很多字符并且仍然喜欢这个更新 在此处输入图像描述

标签: phpgridviewyii2yii2-basic-app

解决方案


我在https://stackoverflow.com/a/32013813/16340676上找到了答案

“这个错误的原因是引导程序提供了宽度:100%和溢出-y:隐藏的表格响应样式。这两种样式不能很好地结合在一起。当有固定或最大宽度时,溢出隐藏效果最好。我给 table-responsive 一个 max-width: 270px; 用于移动设备,这修复了这个错误。”

解决方案只是在我的表格响应 css 中添加一个最大宽度


推荐阅读