Jquery数据表对列边框颜色进行排序

Question

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

当我使用.sorting {}类并给它一个背景颜色它是有效的，当我尝试简单地给它一个没有第一行和最后一行要求的边框颜色我不能让它工作。

作品

.sorting_1{background:red}

不起作用

.sorting_1{border: 2px solid red}

有什么想法吗？

Answer 1

桌面边界已经建立的边界干扰了我想要做的事情，所以我最终做了以下操作，保留了我的整体边框，但是将边框放在已排序的列和边框顶部和边框底部在列的第一行和最后一行附近。

.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;
}