我正在实现jquery的表排序,我需要改变排序箭头相对于列标题的位置。
以下是我到目前为止所做的工作:
table.tablesorter thead tr .header {
background-image: url(bg.gif);
background-repeat: no-repeat;
background-position: 80% 70%;
cursor: pointer;
}
这对于一个列很有效,但对于其他与标题重叠或偏右的列就不适用了。
有没有办法让箭头始终显示在列标题的旁边
发布于 2012-08-05 02:11:45
如果您使用的是默认的蓝色主题,您所需要做的就是更改箭头的背景位置,然后添加左填充以使文本远离它- demo
table.tablesorter thead tr .header {
background-position: left center;
padding-left: 20px;
}
发布于 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;
}
发布于 2012-08-03 19:52:12
您可以在更改类的列名后添加跨度。像这样:
<tr>Column 1 <span class="sort-arrow" /></tr>
这个问题看起来很相似,并且提供了一个类似于上面的解决方案:jquery tablesorter CSS arrow icons
https://stackoverflow.com/questions/11795031
复制相似问题