dousui7410 2016-09-09 17:12
浏览 33
已采纳

将类添加到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'],
    ],
]); ?>
  • 写回答

2条回答 默认 最新

  • dongwuqi4243 2016-09-09 17:39
    关注

    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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥30 Matlab打开默认名称带有/的光谱数据
  • ¥50 easyExcel模板 动态单元格合并列
  • ¥15 res.rows如何取值使用
  • ¥15 在odoo17开发环境中,怎么实现库存管理系统,或独立模块设计与AGV小车对接?开发方面应如何设计和开发?请详细解释MES或WMS在与AGV小车对接时需完成的设计和开发
  • ¥15 CSP算法实现EEG特征提取,哪一步错了?
  • ¥15 游戏盾如何溯源服务器真实ip?需要30个字。后面的字是凑数的
  • ¥15 vue3前端取消收藏的不会引用collectId
  • ¥15 delphi7 HMAC_SHA256方式加密
  • ¥15 关于#qt#的问题:我想实现qcustomplot完成坐标轴
  • ¥15 下列c语言代码为何输出了多余的空格