Yii2：如何翻转 GridView 的列标题？答案

【问题标题】：Yii2: How do I turn a column title of a GridView?Yii2：如何翻转 GridView 的列标题？
【发布时间】：2023-03-16 05:57:01
【问题描述】：

我有一个包含许多列的表，我想将布尔列更多地放在一起。这是我的桌子：

我想要这样的东西：

或者这个：

文件是一个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 解决方案：

我尝试了@Imtiaz 解决方案：

我想让选择组件更窄一些。

【问题讨论】：

使用 gridview 模板将标题包裹在 div(s) 中，然后使用 css 水平变换 div。 transform: rotate(-90deg)

标签： jquery css gridview yii2 adminlte

【解决方案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}'
          ],
      ],
  ]); ?>

【讨论】：