Yii 2 - GridView无法在屏幕中修复,如何修复?

ny6fqffe  于 2022-11-09  发布在  其他
关注(0)|答案(3)|浏览(140)

我有这样的问题:视图中的GridView(如下所示)太长,以至于屏幕无法完全容纳它,可能是因为一个值参数太长,它没有跟随文本向下。这是GridView的屏幕截图:

这是GridView的代码

<?php Pjax::begin(); ?>    
    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

            'fecha',
            'nombreSesion',
            'objetivosPlanificacion:ntext',

            ['class' => 'yii\grid\ActionColumn'],
        ],
    ]); 
    ?>
<?php Pjax::end(); ?>
qrjkbowd

qrjkbowd1#

在gridview中获取值时,您可以修剪值,如下所示
"而不是"
'对象平面图:文本',

使用

[
 'attribute' => 'objetivosPlanificacion',
 'value' => function($dataProvider){
    return trim($dataProvider->objetivosPlanificacion, ' ');
 }
],

一切都会为你工作的。

eqfvzcg8

eqfvzcg82#

如果您不介意不显示属性objetivosPlanificacion的完整值,可以执行以下操作:

use yii\helpers\StringHelper;
...
<?php Pjax::begin(); ?>
    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

            'fecha',
            'nombreSesion',
            [
                'attribute' => 'objetivosPlanificacion',
                'value' => function($model, $key, $index, $column) {
                    return StringHelper::truncate($model->objetivosPlanificacion, 50);
                },
                'format' => 'ntext',
            ],

            ['class' => 'yii\grid\ActionColumn'],
        ],
    ]); 
    ?>
<?php Pjax::end(); ?>

基本上截断属性值并将其格式设置为ntext。

umuewwlo

umuewwlo3#

这是CSS问题
在/web/css/site. css中查找并搜索

.grid-view td {
    white-space: nowrap;
}

并将其更改为

.grid-view td {
    white-space: normal;
}

相关问题