在运行时更改tablesorter图标的位置

Question

我正在使用带有Bootstrap的jQueryUI tablesorter插件。我有一个表，一列右对齐。我希望该列的排序图标显示在标题的左侧而不是右侧。我该怎么做呢？

Answer 1

您只需要自定义css覆盖（具有更高的特异性）引导主题定义。

由于未提供任何HTML，this demo右对齐“英语”列的所有tbody内容，并左对齐thead中单元格的图标。

tr td:nth-child(4) {
    text-align: right;
}
.tablesorter-bootstrap .tablesorter-header:nth-child(4) .tablesorter-header-inner {
    padding-right: 4px;
    padding-left: 18px;
}
.tablesorter-bootstrap .tablesorter-header:nth-child(4) i.tablesorter-icon {
    left: 2px;
    right: auto;
}