Set width image in gridview yii2

Question

how to set width image in gridview widget in yii2?

I\'ve been using this method to display the image. Image in gridview in yii2

Answer 1

Use:

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

And in your model:

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

Answer 2

You can define class for cells as in example

[
    'attribute' => 'title',
    'format' => 'image',
    'value' => function($data) { return 'you_image.jpeg'; },
    'contentOptions' => ['class' => 'come-class']
],

Then set image width using css. If image width can be different, use html format

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

Answer 3

Use

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

example:

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


],