Yii2 网格视图没有响应

Question

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

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

请不要介意我在网格视图上显示的内容，我只是展示了其中的许多内容以测试在移动设备上的响应，但结果仍然像这张图片一样在移动设备上没有响应 link 我的代码有什么问题？抱歉我的英语不好。

更新我删除哈希和另一个有很多字符和还是这样 update

Answer 1

我在

上找到了答案

”错误的原因是 bootstrap 给出了 table-宽度响应样式：100% 和 overflow-y：隐藏。这两种样式不能很好地结合在一起。溢出隐藏当有固定或最大宽度时效果最好。我给 table-responsive 最大宽度：270px; 对于移动设备，这修复了错误。“

解决方案只是在我的 table-responsive css

中添加一个最大宽度

Yii2 网格视图没有响应

Yii2 grid view not responsive

php

gridview

yii2

yii2-basic-app