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