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

【问题标题】：Datatables hide sort icons on one table, but keep on another数据表在一个表上隐藏排序图标，但在另一个表上保留
【发布时间】：2017-11-28 13:23:52
【问题描述】：

所以我想要所有表格上的排序图标，但是，它们不适合其中一个，因为无论如何它都非常拥挤并且排序图标使它看起来很难看。它们确实适合其他数据表。如何仅删除一张表上的排序图标？我尝试在 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 上的排序图标

【问题讨论】：

它必须与 css 一起使用。给那个特殊的表一个特殊的类，并隐藏那个特殊类的排序按钮。如果您希望我们帮助您，请发布一些代码以及您到目前为止所尝试的内容。
我已经添加了一些代码，希望它更容易看到
这完全取决于 1) dataTable 的版本 2) UI 框架的类型（如果有）
你为什么使用：.sorting:after{display:none;}??试试：.sorting{display:none;}
您是要禁用排序还是只是删除插入符号图标并保留排序功能？ Ordering disabled 将隐藏这些但停止订购功能。在没有视觉队列的情况下保留功能可能会导致用户体验混乱。

标签： jquery css datatables pug

【解决方案1】：

这对我有用：

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

【讨论】：