【问题标题】:Jquery Datatables sort column border colorJquery Datatables 排序列边框颜色
【发布时间】:2018-03-01 18:00:03
【问题描述】:

我需要设置我的(条纹)数据表的排序列的样式,以便它在列周围有一个轮廓(即:第一行的边框顶部和最后一行的边框底部以及每一列的边框边都是彩色的)。

当我使用 .sorting{} 类并给它一个背景颜色时,它可以工作,当我尝试简单地给它一个边框颜色而没有第一行和最后一行要求时,我无法让它工作。

作品

.sorting_1{background:red}

没用

.sorting_1{border: 2px solid red}

有什么想法吗?

【问题讨论】:

    标签: datatables


    【解决方案1】:

    已经由 table-bordered 类建立的边框干扰了我想要做的事情,所以我最终做了以下事情,保留了我的整体边框,但将边框放在排序的列周围,边框顶部和边框底部围绕列的第一行和最后一行。

    .sorting_1{
    border-left: 2px solid cornflowerblue !important;
    border-right: 2px solid cornflowerblue !important;
    }
    
    .table-bordered > tbody > tr:first-child > td[class*="sorting_1"]{
    border-top: 2px solid cornflowerblue !important;
    }
    
    .table-bordered >tbody > tr:last-child > td[class*="sorting_1"]{
    border-bottom: 2px solid cornflowerblue !important;
    }
    

    【讨论】:

      猜你喜欢
      • 2017-11-24
      • 1970-01-01
      • 1970-01-01
      • 2012-06-08
      • 1970-01-01
      • 2012-04-30
      • 2015-02-16
      • 2014-10-08
      • 2012-12-29
      相关资源
      最近更新 更多