2016-08-21 8 views
1

誰もがYii GridView DataColumnのワードラッピングを設定できましたか?Yii2 Kartik GridViewワードラップ

[ 
    '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とスタイルを返す生AN値の形式使用してみてください: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;' 
    ], 
], 
関連する問題