Изменить положение значка tablesorter во время выполнения

Question

Я использую плагин jQueryUI tablesorter с Bootstrap. У меня есть таблица с одним столбцом с выравниванием по правому краю. Я хотел бы, чтобы значок сортировки для этого столбца отображался в левой части заголовка, а не в правой части. Как мне это сделать?

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; 
}