Yii CGridView為標題單元格添加類或樣式

Question

我想為特定列中的標題單元格設置一些樣式或css類。

這會僅更改列中數據單元格的css。

        'columns'=>array(
            array(
                'name'=>'id',
                'header'=>'#',
                'htmlOptions'=>array('style'=>'width: 50px; text-align: center;', 'class'=>'zzz'),
            ),

如何在此列的標題單元格中設置css或樣式？

Answer 1

使用headerHtmlOptions 。

'columns'=>array(
        array(
            'name'=>'id',
            'header'=>'#',
            'htmlOptions'=>array('style'=>'width: 50px; text-align: center;', 'class'=>'zzz'),
            'headerHtmlOptions'=>array(...),
        ),

Answer 2

filterHtmlOptions

如果要設置用戶在過濾器框中輸入的內容的樣式 - 例如“text-align：right” - 那么

'filterHtmlOptions'=>array('style'=>'text-align: right'),

不會起作用，因為它只會設置外部表格單元格（td），而不是內部過濾器容器（div）或輸入元素：

<td style="text-align: right;">
    <div class="filter-container">
        <input>
    </div>
</td>

你可以做的是在外表單元格中添加一個類：

'filterHtmlOptions'=>array('class'=>'filterBoxRight'),

這將導致：

<td class="filterBoxRight">
    <div class="filter-container">
        <input>
    </div>
</td>

然后運行以下代碼：

$(document).on('ready', function(){
    $('.filterBoxRight').find('.filter-container').find(':input').css({
        'text-align': 'right',
    });
});