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

【问题标题】：Yii CGridView add class or style for header cellYii CGridView 为标题单元格添加类或样式
【发布时间】：2013-01-30 12:43:52
【问题描述】：

我想为特定列中的标题单元格设置一些样式或 css 类。

这只会更改列中数据单元格的 css。

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

如何在该列的标题单元格中设置css或样式？

【问题讨论】：

标签： php yii

【解决方案1】：

使用headerHtmlOptions。

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

【讨论】：

谢谢！！！我不明白为什么 Google 没有帮助我处理我的 'yii cgridview header htmloptions' 之类的查询
你可以访问yiiframework.com/doc/api然后找到你想要的类和所有公共属性......你可以看到它......：D
还有一件事，如果您需要为过滤器设置类/样式（对我来说是用于响应式功能），请以完全相同的方式使用filterHtmlOption。

【解决方案2】：

filterHtmlOptions

如果您想为用户在过滤器框中输入的内容设置样式 - 对于例如“文本对齐：右” - 然后

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

【讨论】：