function in activeDataProvider output returning HTML in yii2

Question

[
  'label' => 'stars',
  'value' => function($model){

    $stars = $model->score;
    $result = "";
    for($i=1; $i<=$stars;$i++){ 
        $result .= "<span class='star'>☆</span>";
    }
    return $result;
  },
],

Given the above, I need to display the stars only, but I get bellow in the produced grid:

<span class='star'>☆</span> <span class='star'>☆</span> <span class='star'>☆</span>

But I want 3 styled stars. Any help would be greatly appreciated!

score 1 · Accepted Answer · answered Oct 08 '17 at 17:41

Set format as html in GridView Columns option like below

[
  'label' => 'stars',
  'value' => function($model){
      $stars = $model->score;
      $result = "";
      for($i=1; $i<=$stars;$i++){ 
          $result .= "<span class='star'>☆</span>";
      }
      return $result;
  },
  'format' => 'html'
],

Refer Yii2 Grid Data Columns Format

score 1 · Answer 2 · answered Oct 09 '17 at 10:53

         [
            'label' => 'stars',
            'format'=>'html', // Use this Line
            'value' => function($model){

                $stars = $model->score;
                $result = "";
                for($i=1; $i<=$stars;$i++){
                    $result .= '<i class="fa fa-star-half-o" aria-hidden="true"></i>';
                }
                return $result;
            },
        ],

function in activeDataProvider output returning HTML in yii2

2 Answers2