简体   繁体   中英

Adding a class to Yii2 CRUD GridView

I've been trying to add a class to the images' column in the CRUD GridView in Yii2. So far, I've managed to display the image, but at its full width and height. I need to add a 'col-md-3' bs class to the image.

This is what I pulled off:

<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'columns' => [
        ['class' => 'yii\grid\SerialColumn'],

        'emp_firstname',
        'emp_lastname',
        'emp_photo' => [
            'format' => 'image',
            'attribute' => 'emp_photo',
            'value' => 'emp_photo',
            'contentOptions' => ['class' => 'col-md-3'],
        ],

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

if you want to add id or class or both to the table try this.

'tableOptions' => [
        'id' => 'theDatatable',
        'class'=>'table table-striped table-bordered'
        ],

form the column group you can use options http://www.yiiframework.com/doc-2.0/yii-grid-column.html# $options-detail

'emp_photo' => [
        'format' => 'image',
        'attribute' => 'emp_photo',
        'value' => 'emp_photo',
        'options' => ['class' => 'col-md-3'],
    ],

but you should complete the "bootstrap grid" in the other columns

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM