Kartik Gridviewの自動ラップ

Question

私はYii2のテンプレートページにkartikのgridviewウィジェットを持っていて、データベースからフェッチされたデータをリストしていますが、データが長すぎるとウィジェットの下部に水平スクロールが表示されますページに収まるように列のコンテンツを自動的に折り返したいと思っています。ここに私のコードです

<?= GridView::widget([ 
    'responsiveWrap' => false, 
    'hover' => true, 

    'dataProvider' => $dataProvider, 
    'filterModel' => $searchModel, 
    'columns' => [ 
     ['class' => 'kartik\grid\SerialColumn'], 
     'conf_key', 
     ['attribute' => 'conf_value', 
      'class' => 'kartik\grid\DataColumn', 
      'noWrap' => false 
     ], 

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

私はconf_value列を例えばどのようにラップしたいですか？ ここに私はスクリーンショットを入れますウィジェットの見方

注：データに空白がないので、折り返しは機能しません！

Answer 1

おかげで私は

<?= GridView::widget([ 
    'responsiveWrap' => false, 
    'hover' => true, 

    'dataProvider' => $dataProvider, 
    'filterModel' => $searchModel, 
    'columns' => [ 
     ['class' => 'kartik\grid\SerialColumn'], 
     'conf_key', 
     ['attribute' => 'conf_value', 
      'class' => 'kartik\grid\DataColumn', 
      'noWrap' => false, 
      //the line below has solved the issue 
      'contentOptions' => 
      ['style'=>'max-width: 350px; overflow: auto; word-wrap: break-word;'] 
      , 
     ], 
     'class_name', 
     ['class' => 'kartik\grid\ActionColumn'], 
    ], 
]); ?> 

として私のコードを変更しましたが、私は、最大幅のような最大幅のパーセンテージを与えることはできません：50％を。意見はありますか？

Answer 2

あなたはCSSでmax-widthを使用する必要があります。などのように

、

td { 
    max-width: 100px; 
    overflow: auto; /* optional */ 
    word-wrap: break-word; 
} 

注：は、あなたのコードスニペットでテスト。私に光を与えるためgamitg