如何更改GridView的字體顏色？

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', 

    ], 
]); ?>