GridView

Question

'daki sütun genişliğini otomatik ayarla etkinleştir/devre dışı bırak GridView genişliğini ekran boyutuna göre ayarlamaktan kaçınıyor musunuz? Böylece, bir sütunda çok fazla veri olduğunda tarayıcıda yatay kaydırma etkinleştirilir ve içerik bir arada görüntülenir hat? Ben farklı değerlerle bu denedim ama hiçbir başarı:

'contentOptions' => ['style' => 'width:100px'] 

Answer 1

Bu http://getbootstrap.com/css/#responsive-utilities

<?= GridView::widget([ 
    'dataProvider' => $dataProvider, 
    'layout' => "\n{items}\n", 
    'filterPosition' => '', 
    'columns' => [ 
.................. HIDING A COLUMN ON A SMALL DEVICE ----------------- 
     [ 
      'header'=>'Time', 
      'headerOptions' => ['class' => 'hidden-sm'], 
      'contentOptions' => ['data-columnname' => 'Address', 'class' => 'hidden-sm'], 
      'format'=>'raw', 
.................. Merging info in 1 column on a small device the address and locations are their own columns, on small device the columns are hidden and the info is available in the Venue column----------------- 
     ], 
     [ 
      'contentOptions' => ['data-columnname' => 'Venue'], 
      'attribute'=>'VENUE', 
      'header'=>'Venue' . Html::tag('span', '/Address', ['class' => 'visible-sm-inline']), 
      'value'=>function ($model, $key, $index, $widget) { 
        return $model->VENUE . 
        Html::tag('span', '<br>' . $model->ADDRESS, ['class' => 'visible-sm-inline']) . 
        Html::tag('span', '<br>' . $model->LOCATION, ['class' => 'visible-sm-inline']); 
      }, 
      'format'=>'raw', 
     ], 
    ], 
]); ?> 

gerçekleştirmek için önyükleme duyarlı yardımcı programlarını kullanabilirsiniz