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

Question

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

码：

<?= 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将为每列中的标题应用背景颜色（红色）。我自己测试了这个以确认它有效。

Answer 2

由于已经有default class on the gridview container，您不需要更改gridview配置，您应该只使用此css规则：

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