Fatal编程技术网
  • gridview/
  • 如何使Yi2 GridView响应？

如何使Yi2 GridView响应？

gridview responsive-design yii2

如何使Yi2 GridView响应？,gridview,responsive-design,yii2,yii2-advanced-app,Gridview,Responsive Design,Yii2,Yii2 Advanced App,我在Yii2有一个普通的GridView <?= GridView::widget([ 'dataProvider' => $dataProvider, 'filterModel' => $searchModel, 'tableOptions' => ['class' => 'table table-striped table-bordered table-responsive'], 'columns'

我在Yii2有一个普通的GridView

<?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'tableOptions' => ['class' => 'table table-striped table-bordered table-responsive'],
        'columns' => [
              'firstName',
              'lastName',   
              [
                 'attribute' => 'verified',
                 'format' => 'html',
                 'value' => function($data){  
                      ....
                  }
              ],
         ]
]); ?>
GridView在mobile中没有响应。如何使GridView页面响应？

如中所述：

通过将任何
.table
包装到
.table responsive

因此，只需将您的小部件包装在

<div class="table-responsive">
// GridView here
</div>


//这里是GridView
这是右侧的选项

<?= GridView::widget([
'tableOptions' => [
    'class' => 'table table-striped',
],
'options' => [
    'class' => 'table-responsive',
],
'dataProvider' => $dataProvider,