0

ViewページでDatatable Jqueryを使用してデータを表示しています。次のコードを使用しています。

        $('#tblAssodetails').dataTable({
        "bFilter": false,
        "bInfo": true,
        "sScrollY": "300px", 
        "sScrollX": "690px",                      
        "bScrollCollapse": true,
        "sPaginationType": "full_numbers",
        "sDom": 'C<"clear">lfrtip'     ,           
        "aoColumnDefs": [{"bVisible": false, "aTargets": [9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32]         });

背景色とこのラベルの列名を使用して「列の表示/非表示」ラベルを強調表示したい.jqueryを使用してこれを行うにはどうすればよいですか?

4

1 に答える 1

0

ボタンの背景を変更する CSS:

/* Buttons inside colvis drop down */
.ColVis_collection button:hover {
    background-color: #000000;
}
.ColVis_collection button:focus {
    background-color: #000000;
}
div.ColVis_collection button {
    background-color: #000000;
}

/* ColVis master button (opens drop down) */
.ColVis_MasterButton {
    background-color: #000000;
}

これらは、colvis.css ファイルで事前定義された CSS スタイルです。そこに行って変更するか、colvis.css スタイルシートを呼び出した後にそれらを呼び出して上書きすることができます。

あなたはjQueryでこれを行うことに熱狂しているようです。jQuery を使用して CSS を変更することは可能ですが、ソースから CSS を使用して正しく記述した方がよい場合は、jQuery に CSS を変更するように指示するだけであることに注意してください。

// Example:
$( document ).ready(function() {
    $('.ColVis_collection button').css('background-color', '#000000' );
});
于 2013-12-05T22:46:09.403 に答える