कार्तिक ग्रिडव्यू डाटाकॉलम

Question

में ऑटो लपेटें मेरे पास मेरे वाईआई 2 टेम्पलेट पेज में कार्तिक का ग्रिडव्यू विजेट है और यह डेटाबेस से प्राप्त डेटा सूचीबद्ध करता है, हालांकि यदि डेटा बहुत लंबा है तो यह विजेट के नीचे क्षैतिज स्क्रॉल दिखाता है लेकिन मैं चाहते हैं कि पेज में फ़िट होने के लिए कॉलम की सामग्री को स्वतः लपेटें। यहां मेरा कोड

<?= 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 कॉलम लपेटना चाहता हूं उदाहरण के लिए इसे कैसे करें? यहाँ मैं स्क्रीनशॉट डाल कैसे विजेट लग रहा है

नोट: nowrap क्योंकि डेटा नहीं खाली स्थान के है काम नहीं करता है!

Answer 1

धन्यवाद मुझे एक प्रकाश देने के लिए gamitg तो मैं के रूप में

<?= 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

आपको सीएसएस में max-width का उपयोग करने की आवश्यकता है।

के रूप में की तरह,

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

नोट: अपने कोड स्निपेट पर परीक्षण किया गया।