是否可以隐藏Yii2列？

Question

在Yii2中我们有这样的GridView:

<?= GridView::widget([
        'dataProvider' => $dataProvider,
      //  'filterModel' => $searchModel,
        'layout' => "{items}\n{summary}\n{pager}",
        'columns' => [
         //   ['class' => 'yii\grid\SerialColumn'],

            'id',                
            'size',               
            'program' => [

                'label' => 'Program',
                'value' => function($data)
                    {
                       return Html::a($data->program, ($data->program), ['target' => '_blank']);
                    },
                'format' => 'raw',

            ],

             'version',
             'platform',                 
             'license',                

            ['class' => 'yii\grid\ActionColumn'],
        ],
    ]); ?>

是否可以隐藏/显示列,如果我们点击,例如按钮"隐藏平台",然后显示"显示平台",或者可能是复选框.

我无法理解如何做到这一点,请帮助我

Answer 1

您可以执行以下操作: - 为要处理的列命名,例如ID

[
    'class'          => 'yii\grid\SerialColumn',
    'options' => [ 'id' => 'serial-column' ],
    'width'          => '1%',
    'vAlign'         => 'middle',
    'hAlign'         => 'right',
]

• 然后你修改css以使该列在开头消失

  #serial-column {display: none}

• 然后你为一个复选框应用js使它出现:

  jQuery('#some-chkbox').click(function(){jQuery('#serial-column').toggle();})