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

Posted 2021-05-03

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

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

作品

.sorting_1{background:red}

不行

.sorting_1{border: 2px solid red}

有任何想法吗？

答案

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

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