How to add a css class to <td> tags in a kv- GridView class in Yii2

Question

I'm Using Kartik's GridView Widget,

GridView::widget([
            'id'=>'crud-datatable',
            'dataProvider' => $dataProvider,
            'filterModel' => $searchModel,
            'pjax'=>true,
            'contentOptions' => ['class' => 'form-control punjabi'],
            'headerOptions' => ['class' => 'text-center'],
            'columns' => require(__DIR__.'/_columns.php'),
])

In yii\grid\GridView class, It can be done with the following options :

[
    'contentOptions' => ['class' => 'text-center'],
    'headerOptions' => ['class' => 'text-center']
],

But using the above options in Kartik's GridView Class generates error: Undefined Property contentoptions.

How to go About this?

just for information, which class is $containerOptions a property of kartik\grid\GridView or yii\grid\GridView? — Ramesh Pareek
– Ramesh Pareek, Commented Apr 13, 2016 at 11:31

topher · Accepted Answer · 2016-04-13 12:26:56Z

3

contentOptions is an attribute of yii\grid\Column not of yii\grid\GridView. The classes need to be applied to the columns i.e.

GridView::widget([
    ... //Other options here
    'columns' => [
        [
            'attribute' => 'name',
            'contentOptions' => ['class' => 'form-control punjabi'],
            'headerOptions' => ['class' => 'text-center'],
        ]
    ]
]

If you would like to apply the same style to all the cells you can create your own column class, set defaults for contentOptions and headerOptions, and use that class instead of yii\grid\DataColumn.

answered Apr 13, 2016 at 12:26

topher

14.9k8 gold badges56 silver badges71 bronze badges

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

2 Comments

Ramesh Pareek Over a year ago

$headerOptions only styles the Header. How do I edit the css of the Filter Cells?

topher Over a year ago

When in doubt refer to the manual: $filterOptions or $filterInputOptions

Collectives™ on Stack Overflow

How to add a css class to <td> tags in a kv- GridView class in Yii2

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