如何在yii2中更改所有gridview的标题颜色？

Question

我想GridView在yii2中更改所有标题的标题背景颜色.我知道以下代码可以正常工作,但我想在代码中只更改一次,所有标题都是相同颜色.

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

    'columns' => [
        ['class' => 'yii\grid\SerialColumn'],

        [
            'attribute' => 'user_id',
            'headerOptions' => ['style' => 'background-color:#ccf8fe'],
        ],
    ],
]); ?>

我该怎么办？

Answer 1

向每列添加样式选项似乎是唯一的方法,但我无法保证.但是,您不仅限于此.解决方案解决方案:

1)在某处添加此代码GridView::widget(例如,上面columns => [...]:

 // ...
 'filterModel' => $searchModel,
 'options' => [
    'class' => 'YourCustomTableClass',
 ],
 // ...

2)向其添加新的样式规则(在css文件中):

.YourCustomTableClass table thead {
    background-color: #FF0000;
}

CSS将为每列中的标题应用背景颜色(红色).我自己测试了这个以确认它有效.