2
我正在使用帶有Bootstrap的jQueryUI tablesorter插件。我有一列右對齊的列。我希望該列的排序圖標出現在標題的左側,而不是右側。我會如何去做這件事?在運行時更改tablesorter圖標的位置
我正在使用帶有Bootstrap的jQueryUI tablesorter插件。我有一列右對齊的列。我希望該列的排序圖標出現在標題的左側,而不是右側。我會如何去做這件事?在運行時更改tablesorter圖標的位置
你只需要你的自定義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;
}
我實際上使用了下列選擇器來使它工作:'th.text-right .tablesorter-header-inner'和'th.text-right i.tablesorter-icon'。 –