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中添加tye new 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,
        ]);
    }

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

1 个答案: