Yii2 网格视图没有响应

编程问答 2022-04-22

问题描述

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

<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 我的代码有什么问题？抱歉我的英语不好。

enter image description here

  1. 更新我删除散列和另一个有很多字符的 还是这样update

    enter image description here

解决方法

我在 https://stackoverflow.com/a/32013813/16340676

上找到了答案

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

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

gridviewgridviewyii2yii2-basic-app