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