How to add css class to each TH and TD in yii2 GridView

Question

I am trying to display data in yii2 gridview using columns index in GridView:widget(). I have a large number of fields in database (about 40) and need to display all of them and want to add same css class name as field name to each TH and TD. I know i can achieve that using below code but i have to write a lot of code:

'columns' => [
        [
            'attribute' => 'ID',
            'contentOptions' => ['class' => 'ID'],
            'headerOptions' => ['class' => 'ID']
        ],
        [
            'attribute' => 'Insured',
            'contentOptions' => ['class' => 'Insured'],
            'headerOptions' => ['class' => 'Insured']
        ],

        .
        .

        [
            'attribute' => 'Phone',
            'contentOptions' => ['class' => 'Phone'],
            'headerOptions' => ['class' => 'Phone']
        ]
],

Is there any other efficient way to that using some callback function or anything else?

Bizley · Accepted Answer · 2017-02-22 09:31:54Z

3

Set custom column class as default in your GridView:

'dataColumnClass' => 'name\space\for\MyDataColumn',

Create MyDataColumn class that extends yii\grid\DataColumn.

Inside add:

public function init()
{
    parent::init();
    if (!empty($this->attribute) {
        $this->headerOptions = array_merge($this->headerOptions, [
            'class' => $this->attribute,
        ]);
        $this->contentOptions = array_merge($this->contentOptions, [
            'class' => $this->attribute,
        ]);
    }
}

answered Feb 22, 2017 at 9:31

Bizley

18.1k6 gold badges53 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Dev001 Over a year ago

Thanks @Bizley, It worked. Can you please explain a bit about parent::init();

Bizley Over a year ago

init() method is invoked at the end of the constructor after the object is initialized with the given configuration. It's recommended to call parent's init() when you override this method.

Collectives™ on Stack Overflow

How to add css class to each TH and TD in yii2 GridView

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related