2016-08-21 84 views
1

有没有人能够为Yii GridView DataColumn设置文字包装?Yii2 Kartik GridView Word-Wrapping

下面是我已经设置了列:

[ 
    'class' => 'kartik\grid\DataColumn', 
    'attribute'=>'description', 
    'format'=>'html', 
    'contentOptions' => [ 
     'style'=>'max-width:150px; min-height:100px; overflow: auto; word-wrap: break-word;' 
    ], 
], 

而且不管我用什么设置,我不能让文字换行。我希望能够让它的包装行高度动态增长,但它没有这样做。这里是列的样子: enter image description here

任何人有任何想法如何使这项工作?

谢谢!

回答

2
Try using options 

'options' => [ 
    'style'=>'max-width:150px; min-height:100px; overflow: auto; word-wrap: break-word;' 
], 

否则在尝试利用价值形式的原始的恢复需要

[ 
'class' => 'kartik\grid\DataColumn', 
    'attribute'=>'', 
    'format'=>'raw', 
    'value' => function($model) { 
    return 'span 'style'='max-width:150px; min-height:100px; 
       overflow: auto; word-wrap: break-word;' . $model->description 
      . </span> 
     }, 
    ], 
], 
+0

谢谢!有用。 – O2U

+0

@ O2U ..谢谢..你有没有使用选项或匿名函数的价值? – scaisEdge

+0

不,我没有。你有一个例子吗? – O2U

0

你需要覆盖空白的HTML和样式:NOWRAP; from site.css

[ 
    'class' => 'kartik\grid\DataColumn', 
    'attribute'=>'description', 
    'format'=>'html', 
    'contentOptions' => [ 
     'style'=>'max-width:150px; overflow: auto; white-space: normal; word-wrap: break-word;' 
    ], 
],