php - YiiCGridViewヘッダーセルのクラスまたはスタイルを追加

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