Yii2. GridView. Filter: настройка, примеры

Разбираемся в том, как настроить внешний вид полей фильтра в GridView. За документацией идем в класс DataColumn.

В этом классе есть целых 3 замечательных свойства для настройки фильтрации по полю:

$filter	string|array|null|false – HTML-код поля фильтра (поле ввода, выпадающий список и т.д.)
$filterInputOptions	массив html-опций поля фильтра
$filterOptions	массив html-опций ячейки

Не выводится фильтр?

А вы ничего не забыли?

GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
...

Вывод фильтра по умолчанию

Для того, чтобы вывести фильтр по умолчанию и делать-то ничего не нужно или же:

[
    'attribute' => 'id',
    'filter' => null
],

Как скрыть (отключить) фильтр для поля

[
    'attribute' => 'id',
    'filter' => false
],

Как задать ячейке с фильтром ширину

[
    'attribute' => 'id',
    'filterOptions' => ['style' => 'width: 100px']
],

Как добавить ячейке с фильтром css-класс

[
    'attribute' => 'id',
    'filterOptions' => ['class' => 'filter-cell']
],

Как добавить полю с фильтром css-класс

Аналогичным образом, только используем свойство filterInputOptions. Также здесь прописываем любые html-атрибуты (style, data- и т.д.)

[
    'attribute' => 'id',
    'filterInputOptions' => ['class' => 'filter-cell']
],

О том, как вывести в поле фильтра выпадающий список или использовать плагин, читать в посте Yii2. GridView. Filter: выпадающие списки, datepicker