Question

我尝试添加一个表类并从那里更改颜色，但它不起作用。这是我的小部件：

  <?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'options' => [
              'class' => 'CustomTableClass',
         ],

    'columns' => [
        'Contract_id',
        'Contract_title',
        'Description',
        'Contract_type',
        'Contract_provider',
        'Effective_date',
        'Expiration_date',
        'Status_id',

    ],
]); ?>

这是我的班级：

.CustomClass table thead {
   color: #ffffff;}

Answer 1

你的名字错了。在你的css中你有CustomClass，但在选项中你有CustomTableClass

 <?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'options' => [
              'class' => 'CustomClass',
         ],

    'columns' => [
        'Contract_id',
        'Contract_title',
        'Description',
        'Contract_type',
        'Contract_provider',
        'Effective_date',
        'Expiration_date',
        'Status_id',

    ],
]); ?>

但是在你的情况下，你试图改变标题css样式，你可以使用

.CustomHeadClass {
  color: #ffffff;
}

 <?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'headerRowOptions' => [
              'class' => 'CustomHeadClass ',
         ],

    'columns' => [
        'Contract_id',
        'Contract_title',
        'Description',
        'Contract_type',
        'Contract_provider',
        'Effective_date',
        'Expiration_date',
        'Status_id',

    ],
]); ?>

如何更改GridView的字体颜色？

1 个答案: