在数据表 Javascript 中更改 ColVis 样式

Change ColVis Style in Datatable Javascript

本文关键字:ColVis 样式 数据表 Javascript      更新时间:2023-09-26

我想在 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 */
    border: 1px solid #d0d0d0;
    cursor: pointer;
    *cursor: hand;
}

无法真正看到使用 api 或选项执行此操作的方法。

我想你可以这样做:

$('.ColVis_Button').css("background-color", "red");

这些按钮样式都是已经定义的 CSS。只需更改定义它们的 ColVis CSS 文件中的 CSS。

这是官方和正确的方式,因为这些是样式

代替CSS更改是否有可能在视图页面中更改 jquery,即,using this,$('#example').datatable({});

您不会在数据表 init 中更改它,因为这是修改 ColVis JS 参数并控制插件功能的 JS,即不是它的外观。