Yii2:如何打开GridView的列标题?

时间:2017-09-28 20:57:37

标签: jquery css gridview yii2 adminlte

我有一个包含许多列的表,我想把布尔列放在一起。这是我的表: enter image description here

我想要这样的事情:

enter image description here

或者这个:

enter image description here

该文件是index.php:

<?php Pjax::begin(); ?>                
<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'columns' => [
        'escolarizado:boolean', // Can I change column direction here?
        [
            'class' => 'yii\grid\ActionColumn',
            'template' => '{update} {delete}'
        ],
    ],
]); ?>
<?php Pjax::end(); ?>

更新 我试过@scaisEdge解决方案:

enter image description here

我尝试了@Imtiaz解决方案:

enter image description here

我希望选择组件更窄一些。

1 个答案:

答案 0 :(得分:1)

你可以使用适当的类,例如:

.vertical-text {
   transform: rotate(90deg);
   transform-origin: left top 0;
}

并使用headerOptions将类分配给标题

      <?= GridView::widget([
      'dataProvider' => $dataProvider,
      'filterModel' => $searchModel,
      'columns' => [
          [
            'attribute'=> 'escolarizado',
            'headerOptions' => ['class'= 'vertical-text'],
          ],

          [
              'class' => 'yii\grid\ActionColumn',
              'template' => '{update} {delete}'
          ],
      ],
  ]); ?>