TableSorter:如何更改排序箭头的位置
TableSorter:如何更改排序箭头的位置
提问于 2012-08-03 19:41:38
我正在实现jquery的表排序，我需要改变排序箭头相对于列标题的位置。
以下是我到目前为止所做的工作：
table.tablesorter thead tr .header {
background-image: url(bg.gif);
background-repeat: no-repeat;
background-position: 80% 70%;
cursor: pointer;
}这对于一个列很有效，但对于其他与标题重叠或偏右的列就不适用了。
有没有办法让箭头始终显示在列标题的旁边
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-08-05 02:11:45
如果您使用的是默认的蓝色主题，您所需要做的就是更改箭头的背景位置，然后添加左填充以使文本远离它- demo
table.tablesorter thead tr .header {
background-position: left center;
padding-left: 20px;
}Stack Overflow用户
发布于 2014-12-09 04:18:42
对于最新的dataTables v.1.10.4 (2014年12月8日)，他们更改了类的名称。如果您希望将排序箭头放在列标题的左侧，则应使用以下CSS来获得所需的结果：
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled
{
background-position: left center;
padding-left: 20px;
}Stack Overflow用户
发布于 2012-08-03 19:52:12
您可以在更改类的列名后添加跨度。像这样：
<tr>Column 1 <span class="sort-arrow" /></tr>这个问题看起来很相似，并且提供了一个类似于上面的解决方案：jquery tablesorter CSS arrow icons
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11795031
复制相关文章
相似问题
腾讯云开发者
