默认情况下,列标题上的数据表排序图标显示在列标题文本下方.我希望它出现在标题单元格的同一行和最右侧或最左侧.
以下是其中一个列标题的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>
我添加了display：inline-block;到< span>上的css-right类强制它出现在here和here所提到的同一行.但是,我仍然无法找到如何强制图标出现在最右边或最左边.添加float：left;或漂浮：对;将图标碰到下一行.
有任何想法吗？
