更改DataTableJavaScript中的ColVis样式
我想为ColVis.js文件中需要更改的“隐藏/显示列”标签提供背景色?看起来您可以在extras/ColVis/media/css/ColVis.css中编辑按钮的css更改DataTableJavaScript中的ColVis样式,javascript,jquery,jquery-ui,javascript-events,Javascript,Jquery,Jquery Ui,Javascript Events,我想为ColVis.js文件中需要更改的“隐藏/显示列”标签提供背景色?看起来您可以在extras/ColVis/media/css/ColVis.css中编辑按钮的css .ColVis_Button { position: relative; float: left; margin-right: 3px; padding: 3px 5px; height: 30px; background-color: #fff; /* here */
.ColVis_Button {
position: relative;
float: left;
margin-right: 3px;
padding: 3px 5px;
height: 30px;
background-color: #fff; /* here */
border: 1px solid #d0d0d0;
cursor: pointer;
*cursor: hand;
}
无法真正看到使用api或选项执行此操作的方法
我想你可以这样做:
$('.ColVis_Button').css("background-color", "red");
这些按钮样式都是已经定义的CSS。只需更改定义它们的ColVis CSS文件中的CSS 这是正式的、恰当的方式,因为这些都是风格
是否有可能在查看页面中进行更改而不是css更改 jquery,即,使用这个,$('#示例').datatable({})
您不会在datatable init中更改它,因为这是修改ColVis JS参数并控制插件功能的JS,而不是它的外观 嗨,请更好地解释你需要什么。可能在这里或www.jsbin.com或www.jsfiddle.com中添加一些代码,您需要为社区提供更多信息以提供帮助。$('tblassedetails').dataTable({“bFilter”:false,“bInfo”:true,“sScrollY”:“300px”,“sScrollX”:“690px”,“bscrollclopse”:true,“sPaginationType”:“完整数字”、“sDom”:“Clfrtip”和“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]);我在查看页面中使用上述代码,并使用ColVis.js文件而不是css更改。是否有可能在查看页面jquery中更改,即使用此,$('#示例')。数据表({});是否可以按升序显示“ColVis_按钮”中的列?它似乎是按网格中列的顺序显示列,除非您更改网格列的顺序,否则我看不到更改此顺序的简单方法:(