2017-03-01 15 views
1

テーブルクラスを追加しようとしましたが、そこから色を変更しようとしましたが、動作しません。ここに私のウィジェットです:あなたは間違った名前を持つGridViewのフォント色を変更する方法は?

.CustomClass table thead { 
    color: #ffffff;} 

答えて

1

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

    ], 
]); ?> 

ここに私のクラスです。あなたは、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', 

    ], 
]); ?> 
関連する問題