【问题标题】:Customizing pagination with Datatables使用数据表自定义分页
【发布时间】:2016-06-07 20:53:18
【问题描述】:

我使用了 Datatables,我想将分页自定义为我想要匹配页面主题的颜色。

这是默认视图。

我尝试了不同的方法,例如在数据表中使用相同的类并使用!important。它有效,但没有显示我打算做什么。

当我处于活动状态以及处于:hover 状态时我想要什么:

  • 背景颜色:黑色;
  • 颜色:白色;

非常感谢您的帮助!

【问题讨论】:

    标签: jquery css pagination datatables


    【解决方案1】:

    按照你的风格放在css下面

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
        background: rgba(0,0,0,1) !important;
        color:#fff !important;
    }
    

    【讨论】:

    • 检查您是否在其他地方添加了带有 !important 的颜色属性。如果您使用的是 firefox 和 firebug,那么您可以检查元素并签入计算选项卡,哪个类实际上负责颜色。
    • 是的,我添加了!重要。但是我在 datatable.css 文件中看到了。它有颜色:黑色!重要。
    • 你可以使用与datatable.css相同的类结构来覆盖它
    • 还是不行。不过还是谢谢啦!你帮了大忙。
    猜你喜欢
    • 2021-03-01
    • 1970-01-01
    • 2021-09-06
    • 1970-01-01
    • 2018-06-14
    • 2013-09-24
    • 2022-11-03
    • 2014-01-08
    相关资源
    最近更新 更多