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

Datatables jquery数据表隐藏排序箭头并删除填充,但保留功能,datatables,Datatables,我想删除jquery数据表上带有填充的排序箭头。我试过这里的例子,但这并不完全是我想要的 我尝试添加了下面的符号,它只隐藏图标,而不隐藏填充 .dataTable > thead > tr > th[class*="sort"]:after{ content: "" !important; } 我尝试添加$(“.sorting”).removeClass(“sorting”);但这会弄乱列宽。对于具有引导样式的jQuery DataTables 1.10+,当我单击

我想删除jquery数据表上带有填充的排序箭头。我试过这里的例子,但这并不完全是我想要的

我尝试添加了下面的符号,它只隐藏图标,而不隐藏填充

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

我尝试添加
$(“.sorting”).removeClass(“sorting”)
;但这会弄乱列宽。对于具有引导样式的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;
}

有关代码和演示,请参见。

有关具有引导样式的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;
}

有关代码和演示,请参阅。

如果您将
表sm
与引导4一起使用:

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

table.dataTable.table-sm>thead>tr>th { 
    padding-right: inherit !important; 
}

如果您正在使用带有引导4的
表sm

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

table.dataTable.table-sm>thead>tr>th { 
    padding-right: inherit !important; 
}

你的第二种风格对我不起作用,我不得不做
table.dataTable thead>tr>th.sorting\u asc,table.dataTable thead>tr>th.sorting\u desc,table.dataTable thead>tr>td.sorting\u asc,table.dataTable thead>tr.sorting\u desc,table.dataTable thead>tr>td.sorting{padding right:inherit;}
你的第二种风格对我不起作用,我不得不做
table.dataTable thead>tr>th.sorting\u asc,table.dataTable thead>tr.sorting\u desc,table.dataTable thead>tr>th.sorting\u asc,table.dataTable thead>tr>td.sorting\u desc,table.dataTable thead>tr>td.sorting{padding right:inherit;