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

Question

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

由于要显示的字段很多，GridView(下表)显示滚动条。但我不想要它。

我想增加容器的宽度，以便它显示没有滚动的表格。

我搜索了 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# $选项详细信息

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

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

在您的 app/views/layout 中添加新布局，例如:以这种方式更改容器

    ....
    <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,
        ]);
    }