Обтекание текста в виджете — Yii2
У меня есть такой код, и я хотел бы обернуть текст в «комментарий».
<?= 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' где-то, но понятия не имею, где, я пробовал некоторые места, но без хорошего эффекта.
Решение
добавлять 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'],
],
]); ?>
Другие решения
Создайте новое правило 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;
}