Question

我在View页面中使用Datatable Jquery来显示data.i'm使用以下代码，

        $('#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执行此操作？

Answer 1

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

在Datatable jquery中对ColVis的列进行排序

1 个答案: