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

如果要设置用户在过滤器框中输入的内容的样式 - for 例子＆＃34; text-align：right＆＃34; - 然后

'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',
    });
});

Yii CGridView为标题单元格添加类或样式

2 个答案: