0

我在查看页面中使用 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,但请注意,您所做的只是告诉 jQuery 去修改您的 CSS,以防最好使用源代码中的 CSS 正确编写它:

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