Yii2 Gridview Adding another Header

Question

I am using gridview to list all my data. my table looks like this.

<?= GridView::widget([
    'dataProvider' => $dataProvider,  
    'columns' => [
        'firstName',
        'lastName',
        'startDate',
        'hiredDate'
    ],
]) ?>

which renders a table like this.

how can i add another header for grouping NAME and DATE so that it will look like this. like rowspan in pure HTML.

Answer 1

Use https://github.com/kartik-v/yii2-grid extension

<?= GridView::widget([
'beforeHeader' => [
    [
        'columns' => [
            ['content' => 'Name', 'options' => ['colspan' => 2, 'class' => 'text-center warning']],
            ['content' => 'Date', 'options' => ['colspan' => 2, 'class' => 'text-center warning']],
        ],
    ]
],