我想为特定列中的标题单元格设置一些样式或css类。
这只会更改列中数据单元格的 css。
'columns'=>array(
array(
'name'=>'id',
'header'=>'#',
'htmlOptions'=>array('style'=>'width: 50px; text-align: center;', 'class'=>'zzz'),
),
如何在此列的标题单元格中设置css或样式?
使用 headerHtmlOptions
。
'columns'=>array(
array(
'name'=>'id',
'header'=>'#',
'htmlOptions'=>array('style'=>'width: 50px; text-align: center;', 'class'=>'zzz'),
'headerHtmlOptions'=>array(...),
),
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',
});
});