jquery数据表隐藏排序箭头并删除填充但保留功能

Question

我想在jquery数据表中删除带有填充的排序箭头。我在这里尝试过这些例子，但它并不完全是我追求的

Sort arrows in datatables to be removed

我尝试添加了只隐藏图标而不是填充

的followign

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

我尝试添加$(".sorting").removeClass("sorting");但这会弄乱列宽。当我点击列进行排序时，它会添加填充并且标题与主体不对齐

Answer 1

对于带有Bootstrap样式的jQuery DataTables 1.10+，请使用以下CSS规则：

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

table.dataTable thead > tr > th.sorting_asc, 
table.dataTable thead > tr > th.sorting_desc, 
table.dataTable thead > tr > th.sorting, 
table.dataTable thead > tr > td.sorting_asc, 
table.dataTable thead > tr > td.sorting_desc, 
table.dataTable thead > tr > td.sorting {
    padding-right: inherit;
}

请参阅this jsFiddle以获取代码和演示。