在gridview yii2中设置宽度图像

时间:2014-03-27 03:07:27

标签: php image gridview yii2

如何在yii2中的gridview小部件中设置宽度图像?

我一直在用这种方法来显示图像。 Image in gridview in yii2

3 个答案:

答案 0 :(得分:13)

您可以为示例

定义单元格的类
[
    'attribute' => 'title',
    'format' => 'image',
    'value' => function($data) { return 'you_image.jpeg'; },
    'contentOptions' => ['class' => 'come-class']
],

然后使用css设置图像宽度。如果图像宽度可能不同,请使用html格式

[
    'attribute' => 'title',
    'format' => 'html',
    'value' => function($data) { return Html::img('you_image.jpeg', ['width'=>'100']); },
],

答案 1 :(得分:2)

使用:

'value' => function($data) {
        return Html::img($data->imageurl,['width'=>100]);
   },

在你的模特中:

  /*
    Return Image url path
  */
   public function getimageurl()
   {
      // return your image url here
      return \Yii::$app->request->BaseUrl.'/uploads/'.$this->ImagePath;
   }

答案 2 :(得分:2)

使用

'format' => ['image',['width'=>'100','height'=>'100']],

示例:

[           
      'attribute' => 'image',
      'format' => ['image',['width'=>'100','height'=>'100']],
      'value' => function($dataProvider) { return $dataProvide->image; },


],