2015-10-13 38 views
5

benim Yii2 şablon sayfasında bir KARTÍK en gridview widget'ı olması ve veri çok uzun widget'ta ama ben alt kısmında yatay bir kaydırma gösterir ancak eğer veritabanından getirilen verileri listeler Sadece sayfanın sığdırılması için sütunun içeriğini otomatik olarak sarmak ister. İşte benim kodumOto sarma

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

Örneğin nasıl yapılacağını conf_value sütununa sarmak istiyorum? Burada görüntünün nasıl görüneceği bir widget olarak gösteriliyor gridview no wrap column

Not: noWrap çalışmıyor çünkü verilerde boşluk yok!

+0

bu bağlantıya bakın, size yardımcı olabilir, http://jsfiddle.net/Daniel_Hug/Sp5g6/ ve http://jsfiddle.net/gryzzly/cbppl/ –

+0

bununla ne yapmak istediğinizi kesin olarak kesin karakterler veya, vurgulu verileri gösterir? –

+0

söyle içinde bulunduğu tablonun% 50 çıkıntı, belli karakterlere kırmak sütunda sığmayan – tolgayilmaz

cevap

0

Teşekkür yüzden

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

olarak kodumu değişti ama maks-genişliği gibi max-genişliğine yüzdesini veremez:% 50; herhangi bir görüş var mı

+0

'max-width' 'm pixel' ya da' emn' verebilir, bu içerik alanının sınırlı olması anlamına gelir genişliği maksimum değeridir – GAMITG

0

Sen css max-width kullanmak gerekir. olarak gibi

,

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

Not: kod pasajınıza üzerinde test edilmiştir. Bana ateş verdiği için gamitg

+0

nereye i bootstrap.css içinde doğru td sınıf bulamayan bu css yazmak için ben bu css kullanmak zorunda – tolgayilmaz

+0

(en azından hiçbir başarı ile denedim) iç css. ancak sınıfı .kv-grid-table> tbody> tr> td' gibi kullanabilirsiniz. – GAMITG