如何增加容器宽度以修复 yii2 中的 GridView 滚动

Question

我正在使用 yii2 GridView 小部件以 table 的形式显示数据。

由于要显示的字段很多，GridView（在 table 下方）显示滚动条。但是我不想要。

我想增加容器宽度，以便它显示 table 而无需滚动。

我搜索了 bootstrap.css 个文件，但在任何目录中都找不到。

如何更改 GridView 的宽度？

Answer 1

 <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],
      .........
            ['class' => 'yii\grid\ActionColumn'],
        ],
    'tableOptions' =>['style' => 'width: 1800px;'],
    ]); ?>

或 gridview 容器选项

 <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],
      .........
            ['class' => 'yii\grid\ActionColumn'],
        ],
    'options' =>['style' => 'width: 1800px;'],
    ]); ?>

http://www.yiiframework.com/doc-2.0/yii-grid-gridview.html

http://www.yiiframework.com/doc-2.0/yii-grid-gridview.html#$options-detail

http://www.yiiframework.com/doc-2.0/yii-grid-gridview.html#$tableOptions-详细信息

否则，如果您需要更大的页面容器，则需要新布局

给你添加新的布局 app/views/layout eg:changing 这样容器

    ....
    <div class="container-fluid">    
    <?= Breadcrumbs::widget([
        'links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : [],
    ]) ?>
    <?= Alert::widget() ?>
    <?= $content ?>
    </div>
    ....

然后在渲染之前为您分配新的布局

    public function actionIndex()
    {


        ......

        $this->layout = 'my_new_layout'
        return $this->render('index', [
            'searchModel' => $searchModel,
            'dataProvider' => $dataProvider,
        ]);
    }

如何增加容器宽度以修复 yii2 中的 GridView 滚动

how to increase container width to fix GridView scroll in yii2

php

yii

yii2

cgridview