javascript - TableSorter:如何更改排序箭头的位置

Question

我正在实现 jquery 的 tablesorter。我需要更改排序箭头相对于列的标题的位置。

这是我到目前为止所做的:

table.tablesorter thead tr .header {
    background-image: url(bg.gif);
    background-repeat: no-repeat;
    background-position: 80% 70%;
    cursor: pointer;
}

这适用于列，但不适用于与标题重叠或太靠右的其他列。
有没有办法让箭头始终显示在列标题旁边？

Answer 1

如果您使用默认的蓝色主题，您需要做的就是更改箭头的背景位置，然后添加左填充以将文本移离它 - demo

table.tablesorter thead tr .header {
    background-position: left center;
    padding-left: 20px;
}​