[英]Yii CGridView add class or style for header cell
我想为特定列中的标题单元格设置一些样式或css类。
这会仅更改列中数据单元格的css。
'columns'=>array(
array(
'name'=>'id',
'header'=>'#',
'htmlOptions'=>array('style'=>'width: 50px; text-align: center;', 'class'=>'zzz'),
),
如何在此列的标题单元格中设置css或样式?
'columns'=>array(
array(
'name'=>'id',
'header'=>'#',
'htmlOptions'=>array('style'=>'width: 50px; text-align: center;', 'class'=>'zzz'),
'headerHtmlOptions'=>array(...),
),
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',
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.