Question

所以我想在所有桌子上排序图标，但是，它们不适合其中一个，因为它无论如何都被挤满了，排序图标使它看起来很难看。它们适用于其他数据表。如何仅在一个表上删除排序图标？我尝试在css中删除引用等，但这似乎影响了所有这些。

目前，我有我的CSS

/* Loading Sorting images for datatables */ 
table.dataTable thead .sorting { background: url('../images/datatables/sort_both.png') no-repeat center right; }
table.dataTable thead .sorting_asc { background: url('../images/datatables/sort_asc.png') no-repeat center right; }
table.dataTable thead .sorting_desc { background: url('../images/datatables/sort_desc.png') no-repeat center right; }

table.dataTable thead .sorting_asc_disabled { background: url('../images/datatables/sort_asc_disabled.png') no-repeat center right; }
table.dataTable thead .sorting_desc_disabled { background: url('../images/datatables/sort_desc_disabled.png') no-repeat center right; }


#active-table.dataTable thead .sorting:after
{
    display: none;
   }
}

但是这对于隐藏表#active-table

上的排序图标并不起作用

Answer 1

这对我有用：

.dataTable.noOrderIcon > thead > tr > th[class*="sort"]:after,
.dataTable.noOrderIcon > thead > tr > th[class*="sort"]:before{
    content: "" !important;
}

数据表在一个表上隐藏排序图标，但保留另一个表

1 个答案: