Yii 2 - GridView不能修復屏幕。如何解決它？

Question

我有這個問題：我在視圖中顯示的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(); ?> 

Answer 1

是CSS

看在/web/css/site.css的問題並搜索

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

並刪除/編輯它

Answer 2

，當你在GridView中獲取它，如下

而不是

可以修剪值 'objetivosPlanificacion：NTEXT'，

使用

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

美好爲你工作。

Answer 3

如果你不介意不顯示屬性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。