我正在使用带有Bootstrap的jQueryUI tablesorter插件。我有一个表,一列右对齐。我希望该列的排序图标显示在标题的左侧而不是右侧。我该怎么做呢?
答案 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;
}