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

如何更改yii2中所有gridview的标题颜色?,gridview,colors,header,yii2,Gridview,Colors,Header,Yii2,我想更改Yii2中所有GridView标题的背景色。我知道下面的代码可以做到这一点,但我只想更改一次,所有标题都是相同颜色的 代码: <?= GridView::widget([ 'dataProvider' => $dataProvider, 'filterModel' => $searchModel, 'columns' => [ ['class' => 'yii\grid\SerialColumn'],

我想更改Yii2中所有
GridView
标题的背景色。我知道下面的代码可以做到这一点,但我只想更改一次,所有标题都是相同颜色的

代码

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

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

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


我该怎么办?

向每列添加样式选项似乎是唯一的方法,但我不能保证。然而,你不仅限于此。解决方案:

1) 将此代码添加到
GridView::widget
中的某个位置(例如,在
列=>[…]
上方):

 // ...
 'filterModel' => $searchModel,
 'options' => [
    'class' => 'YourCustomTableClass',
 ],
 // ...
2) 向其添加新样式规则(在
css
文件中):

CSS将为每列的标题应用背景色(红色)。我已经亲自测试过了,以确认它是有效的。

因为已经有一个, 您不需要更改gridview配置,只需使用以下css规则:

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

@Digipng我也很高兴这对你有用。祝你好运虽然这是事实,但它将适用于所有GridView,而不仅仅是一个。如果有人只想应用于一个GridView怎么办?:)好吧,问题是关于“我只想在代码中更改一次,所有标题都是相同颜色的”是的,没错,刚刚问过(以防其他人想这样做)。
.grid-view table thead {
    background-color: #FF0000;
}