настроить tablesorter arrow image

Question

Я работаю с jQuery tablesorter. Я хочу заменить образ стрелки по умолчанию своим собственным изображением стрелки. Я добавил

.tablesorter-default thead .headerSortUp, 
.tablesorter-default thead .tablesorter-headerSortUp, 
.tablesorter-default thead .tablesorter-headerAsc { 
    background-image: url(My image); 
    border-bottom: #000 5px solid; 
} 

Здесь я пробовал с границей как 5px. Но это изменение не отражено в моем пользовательском интерфейсе. Пожалуйста, помогите мне.

Спасибо заранее, за любые предложения.

Answer 1

Это делает работу, но вы, возможно, отсутствует часть, где опция theme не изменяется от "default" (demo):

$('table').tablesorter({ 
    theme: 'default' 
}); 

Но, возможно, было бы лучше просто сделать что CSS более общий, если вы не хотите, чтобы изменить изображение или цвет границы на сортировке (demo):

.tablesorter-default thead .tablesorter-header { 
    background-image: url(My image); 
    border-bottom: #000 5px solid; 
}