How to put button in ActionColumn at header only in yii2 - yii

Question

I want to put reset button under the action column only one time in GridView widget..
Any solution or suggestions?
Thanks

Answer 1

Set header property of ActionColumn:
[
'class' => 'yii\grid\ActionColumn',
'template' => '<div class="pull-right" >{update}{delete}</div>',
'header' => '<button>Button</button>'
]
Update:
As already answered you can create custom column, and you may add only additional filter property so that you can customize this property for each grid.
class CustomActionColumn extends yii\grid\ActionColumn
{
public $filter = "";
protected function renderFilterCellContent()
{
return $this->filter;
}
}
Then you set filter in grid definition:
[
'class' => 'CustomActionColumn',
'template' => '<div class="pull-right" >{update}{delete}</div>',
'filter' => '<button>Button</button>'
]

Answer 2

To, put button in ActionColumn on header so, follow below steps:
Create a file CustomActionColumn.php in components folder.
Put below code in above file
namespace app\components;
use yii\grid\ActionColumn;
use yii\helpers\Html;
class CustomActionColumn extends ActionColumn
{
protected function renderFilterCellContent()
{
return Html::button('Reset', ['class' => 'btn btn-primary']);
}
}
Now in your Gridview widget use CustomActionColumn instead of ActionColumn
Like as
[
'class' => 'app\components\CustomButton',
],
Done.
Note:- Using these steps you can just display button in header.

Answer 3

To display both a button and ActionColumn label you could override yii\grid\ActionColumn renderFilterCellContent() method with your own class like this:
namespace app\components;
class FilterActionColumn extends ActionColumn
{
public $filterContent;
/**
* Renders the filter cell content.
* The default implementation simply renders a blank space.
* This method may be overridden to customize the rendering of the filter cell (if any).
* #return string the rendering result
*/
protected function renderFilterCellContent()
{
return $this->filterContent;
}
}
Then you able to add both label and button to GridView replace default ActionColumn like this
In your view
use app\components\FilterActionColumn;
Replace default GridView ActionColumn
[
'class' => FilterActionColumn::className(),
// Add your own filterContent
'filterContent' => Html::a('Your button', ['some/url'], [
'class' => 'btn btn-default', 'title' => 'Some btn title',
]),
'header'=> 'Your label',
// Another ActionColumn options
// ..
],
You could see extended example here, i.e. if you need more than one button https://github.com/nick-denry/yii2-filter-action-column

Answer 4

GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'emptyCell' => Html::a('<i class="fa fa-refresh"></i> Reset', ['index'], ['class' => 'btn btn-primary btn-xs', 'style' => 'margin: 2px;']),
]);
use emptyCell to set button...