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

时间:2015-05-06 03:53:04

标签: jquery-ui twitter-bootstrap-3 tablesorter

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

1 个答案:

答案 0 :(得分: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;
}