我在Bootstrap中使用jQueryUI tablesorter插件。我有一张表,其中一列右对齐。我希望该列的排序图标显示在标题的左侧,而不是右侧。我将如何去做呢?
您只需要自定义CSS即可覆盖(具有更高的特异性)引导主题定义。
由于未提供HTML,因此此演示右侧将对齐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;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句