jquery tablesorter CSS arrow icons

Question

This is really more of a CSS question than a jQuery question. I\'m using the tablesorter jQuery plugin to sort tables dynamically.

Here\'s what it looks like curren

Answer 1

Place a span tag in your th and style it with:

th.headerSortUp span {
    background: url("arrow-up.gif") right center no-repeat;
    padding-right: 15px;
}