默认情况下,列标题上的数据表排序图标显示在列标题文本下方.我希望它出现在标题单元格的同一行和最右侧或最左侧.
以下是其中一个列标题的HTML显示方式(在Firebug中).
<th class="ui-state-default" rowspan="1" colspan="1" style="width: 252px;">
<div class="DataTables_sort_wrapper" style="text-align: left;">
Account Name
<span class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-n"></span>
</div>
</th>
Run Code Online (Sandbox Code Playgroud)
我display: inline-block;
在css-right
课堂上添加了<span>
强制它出现在这里和这里提到的同一行.但是,我仍然无法找到如何强制图标出现在最右边或最左边.将图标添加float:left;
或float:right;
碰撞到下一行.
有任何想法吗?