Обтекание текста в виде виджета - Yii2

Question

У меня есть такой код, и я хотел бы обернуть текст в «комментарий».

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

      'id', 
      'place_id', 
      'place_rating', 
      'comment:ntext', 
      'hire_price', 
      'additional_cost', 
      'presentation_id', 

      ['class' => 'yii\grid\ActionColumn'], 
     ], 
    ]); ?> 

Я нашел совет, что я должен поставить 'style' => 'text-wrap' где-то, но понятия не имею, где я попробовал некоторые места, но без хорошего эффекта.

Answer 1

Добавить contentOptions в GridView

<?= GridView::widget([ 
    'dataProvider' => $dataProvider, 
    'filterModel' => $searchModel, 
    'tableOptions' => ['class' => 'table table-striped table-bordered'], 
    'columns' => [ 
     ['class' => 'yii\grid\SerialColumn'], 

     'id', 
     'place_id', 
     'place_rating', 
     [ 
      'attribute' => 'comment', 
      'contentOptions' => ['class' => 'text-wrap'], 
     ], 
     'hire_price', 
     'additional_cost', 
     'presentation_id', 

     ['class' => 'yii\grid\ActionColumn'], 
    ], 
]); ?> 

Answer 2

Создание нового правила CSS в таблице стилей и добавить класс text-wrap или сделать это непосредственно следующим

Метод 1:

'contentOptions' => ['style' => ['max-width' => '100px;', 'height' => '100px']] 

Обновление

[ 
    'label' => 'Comment', 
    'attribute' => 'comment', 
    'format'=>'ntext', 
    'contentOptions' => ['style' => ['max-width' => '100px;', 'height' => '100px']] 
], 

или добавить класс в CSS и сделайте следующее

Способ 2:

'contentOptions' => ['class' => 'text-wrap']  

Добавить ниже CSS код в файле CSS

.text-wrap{ 
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ 
white-space: -pre-wrap;  /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
white-space: pre-wrap;  /* css-3 */ 
word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/ 
word-break: break-all; 
white-space: normal; 
}