在Kartik Gridview Datacolumn中自动换行 [英] Auto wrap in Kartik Gridview Datacolumn

问题描述

我在我的Yii2模板页面中有一个kartik的gridview小部件，它列出了从数据库中获取的数据，但是如果数据太长，它会在小部件的底部显示一个水平滚动，但我希望它自动包装内容只是为了适应页面。这里是我的代码

 <？= GridView :: widget（[
'responsiveWrap'=& 
'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列，例如怎么做？
在这里，我把截图如何看待小部件

注意：noWrap不起作用，因为数据没有空白！

解决方案

感谢gamitg给我一个灯光，所以我改变了我的代码。 b
$ b

 <？= 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，
 //下面的行已经解决了问题
 'contentOptions'=> 
 ['style'=>'max-width：350px;溢出：自动; ']'b $ b'，
]，
'class_name'，
 ['class'=> 'kartik \grid\ActionColumn']，
]，
]）; ？> 
  

但是我无法给出最大宽度的百分比，例如max-width：50％;有什么意见吗？

I have a kartik's gridview widget in my Yii2 template page and it lists the data fetched from the database, however if the data is too long it shows a horizontal scroll at the bottom of the widget but I want it to auto wrap content of the column just to fit in the page. Here is my code

    <?= 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'],
    ],
]); ?>

I want to wrap conf_value column for example how to do it? here i put the screenshot how widget looks

Note: noWrap doesn't work because the data have no whitespace!

解决方案

Thanks gamitg for giving me a light so i have changed my code as

    <?= 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'],
    ],
]); ?>

but I can't give percentage to max-width like max-width: 50%; is there any opinion?

这篇关于在Kartik Gridview Datacolumn中自动换行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！