GridView中的Yii2进度条

GridView中的Yii2进度条,gridview,yii2,Gridview,Yii2,在模型中,比例值在0-100之间。在GridView中显示模型列表时,我希望显示折线图或进度条,而不是数值。可能吗?谢谢 如果您使用的是bootstrap 3,则可以使用其进度条。它被用作普通类。然后,您可以将其分配给您感兴趣的选项字段,或者执行echo所需的html。以下是html。有关更多详细信息,请参见 60% 对我来说,这工作正常 <?= GridView::widget([ 'dataProvider' => $dataProvider, 'col

在模型中,比例值在0-100之间。在GridView中显示模型列表时,我希望显示折线图或进度条,而不是数值。可能吗?谢谢

如果您使用的是bootstrap 3,则可以使用其进度条。它被用作普通类。然后,您可以将其分配给您感兴趣的选项字段,或者执行
echo
所需的html。以下是html。有关更多详细信息,请参见


60%

对我来说,这工作正常

    <?=
GridView::widget([
    'dataProvider' => $dataProvider,
    'columns' => [
        [
            'content' => function($model) {
                return ProgressBar::widget([
                    'clientOptions' => [
                        'value' => $model->getDownloadingStatus(),
                    ],
                ]);
            },
        ],
    ],
]);
?>

在模型中,getDownloadingStatus()函数返回0到100之间的值。当然,您可以使用静态值'value'=>50或类似的值

    <?=
GridView::widget([
    'dataProvider' => $dataProvider,
    'columns' => [
        [
            'content' => function($model) {
                return ProgressBar::widget([
                    'clientOptions' => [
                        'value' => $model->getDownloadingStatus(),
                    ],
                ]);
            },
        ],
    ],
]);
?>