Kartik gridViewのテキストがセルに折り返さない

Question

kartik gridViewを使用してデータを表示しています。 カラムに幅を指定しようとしていますが、データがセル境界からオーバーフローして折り返されません。親切に私は、セル内のテキストを折り返すと、その行の最大セルの高さに応じて行の高さを調整したいスクリーンショット

の顔をしている

$columns = [ 
    ['class'=>'kartik\grid\SerialColumn', 'width'=>'38px'], 

    [ 
     'attribute'=>'bill_number', 
     'vAlign'=>'middle', 
     'hAlign'=>'left',    
     'noWrap' => false, 
     'headerOptions'=>['style'=>'max-width: 100px;'], 
     'contentOptions'=>['style'=>'max-width: 100px;'], 
     'format'=>['html'], 
     'pageSummary'=>'Page Total' 
    ], 

    [ 
     'attribute'=>'bill_date', 
     'vAlign'=>'middle', 
     'hAlign'=>'left', 

     'noWrap' => false, 
     'headerOptions'=>['style'=>'max-width: 100px;'], 
     'contentOptions'=>['style'=>'max-width: 100px;'], 
    ], 

    [ 
     'attribute'=>'party_name', 
     'vAlign'=>'middle', 
     'hAlign'=>'left', 

     'noWrap' => false, 
     'headerOptions'=>['style'=>'max-width: 100px;'], 
     'contentOptions'=>['style'=>'max-width: 100px;'], 
     'format'=>['html'], 
    ], 
    [ 
     'attribute'=>'assignment_name', 
     'vAlign'=>'middle', 
     'hAlign'=>'left',    
     'noWrap' => false, 
     'headerOptions'=>['style'=>'max-width: 100px;'], 
     'contentOptions'=>['style'=>'max-width: 100px;'], 
    ], 

    [ 
     'attribute'=>'particulars', 
     'vAlign'=>'middle', 
     'hAlign'=>'left',    
     'noWrap' => false, 
     'headerOptions'=>['style'=>'max-width: 100px;'], 
     'contentOptions'=>['style'=>'max-width: 100px;'], 
     'format'=>['html'], 
    ],  

    [ 
     'attribute'=>'0-60 days', 
     'label'=>'0-60 days', 
     'vAlign'=>'middle', 
     'hAlign'=>'right', 
     'headerOptions'=>['style'=>'max-width: 100px;'], 
     'contentOptions'=>['style'=>'max-width: 100px;'], 
     'format'=>['decimal', 0], 
     'pageSummary'=>true 
    ], 

    [ 
     'attribute'=>'60-90 days', 
     'label'=>'60-90 days', 
     'vAlign'=>'middle', 
     'hAlign'=>'right', 
     'headerOptions'=>['style'=>'max-width: 100px;'], 
     'contentOptions'=>['style'=>'max-width: 100px;'], 
     'format'=>['decimal', 0], 
     'pageSummary'=>true 
    ], 

    [ 
     'attribute'=>'90-180 days', 
     'label'=>'90-180 days', 
     'vAlign'=>'middle', 
     'hAlign'=>'right',    
     'headerOptions'=>['style'=>'max-width: 100px;'], 
     'contentOptions'=>['style'=>'max-width: 100px;'], 
     'format'=>['decimal', 0], 
     'pageSummary'=>true 
    ], 
    [ 
     'attribute'=>'>180 days', 
     'vAlign'=>'middle', 
     'hAlign'=>'right',    
     'headerOptions'=>['style'=>'max-width: 100px;'], 
     'contentOptions'=>['style'=>'max-width: 100px;'], 
     'format'=>['decimal', 0], 
     'pageSummary'=>true 
    ], 
    [ 
     'attribute'=>'total', 
     'vAlign'=>'middle', 
     'hAlign'=>'right', 
     'headerOptions'=>['style'=>'max-width: 100px;'], 
     'contentOptions'=>['style'=>'max-width: 100px;'], 
     'format'=>['decimal', 0], 
     'pageSummary'=>true 
    ],  
]; 

echo GridView::widget([ 
    'columns'=>$columns, 
    'dataProvider'=>$dataProvider, 
    'floatHeader'=>true, 
    'floatHeaderOptions'=>['top'=>'50px'], 
    'floatOverflowContainer' => true, 
    'responsiveWrap'=>false, 
    'showPageSummary'=>true, 
    'resizableColumns'=>true, 
    'persistResize' => false, 
    'panel' => [ 
     'type'=>GridView::TYPE_PRIMARY, 

     'footer'=>false 
    ], 
    'containerOptions'=>['style'=>'overflow: auto'], 
]); 

：私は、次のコードを使用しています。

Answer 1

この1

[ 
    'class' => 'kartik\grid\DataColumn', 
    'attribute'=>'YOUR_ATTRIBUTE_NAME', 
    'headerOptions'=>['style'=>'max-width: 100px;'], 
    'contentOptions'=>['style'=>'max-width: 100px;vertical-align:middle'], 
    'format'=>'raw', 
    'value' => function($model) { 
      return "<p 'style'='max-width:150px; min-height:100px; 
      overflow: auto; word-wrap: break-word;'>". $model->YOUR_ATTRIBUTE_NAME."</p>"; 
    }, 
], 

Answer 2

はこれを試してみてください：

[ 
    'attribute'=>'attribute', 
    'value'=>function($data){ 
     return wordwrap($data->attribute,15,'<br>'); 
    } 
], 

Answer 3

は、それが役立つかもしれない、これを試してみてください。

[ 
     'attribute'=>'', 
     'header'=>'', 
     'value' => function ($dataProvider) { 
       return something; 
      }, 
     'format'=>'raw', 
     'contentOptions'=>['style'=>'width:80px;text-align:center;'] 
],