gridview - 如何使 Yii2 GridView 响应式？

Question

我在 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 在移动设备中没有响应。如何使 GridView 页面响应式？

Answer 1

正如 Bootstrap documentation 中所述:

Create responsive tables by wrapping any .table in .table-responsive

所以只需将您的小部件包装在

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