基本用法
网格列的配置。 每个数组元素表示一个特定的网格列的配置。例如，
[
['class' => SerialColumn::className()],
[
'class' => DataColumn::className(), // this line is optional
'attribute' => 'name',
'format' => 'text',
'label' => 'Name',
],
['class' => CheckboxColumn::className()],
]如果列是 yii\grid\DataColumn 的类，"class" 元素将会被省略。
作为快捷方式格式， 可以使用字符串来指定包含 attribute， format 和/或 label 选项："attribute:format:label"。 例如，上面的 "name" 列也可以指定为："name:text:Name"。 "format" 和 "label" 都是可选的。如果不存在，它们将采用默认值。
使用快捷方式格式，在简单情况下，列的配置如下所示：
[
'id',
'amount:currency:Total Amount',
'created_at:datetime',
]将 $dataProvider 与活动记录一起使用时，你可以显示相关记录中的值， 例如 author 关联的 name 属性：
// shortcut syntax
'author.name',
// full syntax
[
'attribute' => 'author.name',
// ...
]详细请查看 https://www.yiichina.com/doc/api/2.0/yii-grid-gridview#$columns-detail
DataColumn几个功能类
ActionColumn 显示操作按钮等
CheckboxColumn 显示复选框
RadioButtonColumn 显示单选框
SerialColumn 显示行号
自定义显示内容
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
// ...
[
'attribute' => 'status',
'value'=>function($model){
return $model->status?'禁用':'启用';
}
],
[
'attribute' => 'name',
'content'=>function($model, $key, $index, $column){
return $model->name;
}
],
// ...
],
]); ?>匿名函数中利用系统参数展示
// 任意地方定义
<?php
Yii::$app->params['statusLabels'] = ['禁用','启用'];
?>
// 直接使用
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
// ...
[
'attribute' => 'status',
'value'=>function($model){
return Yii::$app->params['statusLabels'][$model->status];
}
],
// ...
],
]); ?>自定义搜索栏
增加过滤下拉,这个主要是看filter
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
// ...
[
'attribute' => 'status',
'filter' => Html::activeDropDownList($searchModel, 'status', [0=>'禁用',1=>'启用'], ['class' => 'form-control']),
'value'=>function($model){
return $model->status?'禁用':'启用';
}
],
// ...
],
]); ?>自定义控制列样式
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
// ...
[
'attribute' => 'status',
'headerOptions'=>['class'=>'text-center'],
'contentOptions'=>['class'=>'text-center'],
],
// ...
],
]); ?>