Set width image in gridview yii2

问题:

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

回答1:

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']); },
],

回答2:

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;
   }

回答3:

Use

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

example:

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


],