将DataTables引导排序箭头还原为原始三角形

Question

有没有人想办法用原始的上/下三角形替换Datatable的bootstrap css样式所使用的glyphicon排序箭头，而不会破坏dataTable.bootstrap.css文件？对于基本相同的问题jquery DataTables: weird sort arrows，接受的答案是完全放弃引导样式。

到目前为止，我能够做到这一点的唯一方法是注释掉dataTable.bootstrap.css的相关部分，并将dataTables.foundation.css中的原始样式添加到我自己的样式表中。这显然不是一个很好的解决方案，绝对不是最佳实践！

两年前在这里讨论过这个话题，Change sort arrows to triangles - Tables #5209，但没有同意将它们改回来，所以我们留下了字形图标，我个人认为这些字眼不具吸引力在DataTable标题的上下文中。

有什么建议吗？

Answer 1

你应该可以这样做：

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    content: "\e252";
}

table.dataTable thead .sorting_desc::after {
    content: "\e253";
}

请参阅this jsFiddle进行演示。

您还可以使用如下所示的其他字形：

 $user = mysqli_query($connect, "SELECT username FROM Accounts WHERE username = '$username'");

请参阅this jsFiddle进行演示。

另外，您可以使用我的original answer完全摆脱Bootstrap风格。