Figured it out. When you click the header, the upArrow class is added to the
<th>, but the downArrow class is not removed. Because downArrow comes after
upArrow in the CSS, the downArrow properties are used. Just swap the order
of the two CSS statements...
.downArrow{
background:url('
http://www.party.opteynde.com/images/log_downcolumnarrow.png') no-repeat;
text-indent:15px;
background-position: 5px 5px;
}
.upArrow{
background:url('
http://www.party.opteynde.com/images/log_upcolumnarrow.png') no-repeat;
text-indent:15px;
background-position: 5px 5px;
}
Despite this, it sort of seems like a bug for the HtmlTable class - it
should probably remove the downArrow class when adding the upArrow. But
without having to change the JS, you can just change your CSS.
Happy coding,
~Philip
On Mon, Jan 31, 2011 at 1:19 PM, hamburger <[email protected]> wrote:
> Hello i have the following example for my table.
> If i sort the table i get the arrowDown icon. - for re-sort i expected
> to have the arrowUp-icon (class:upArrow)
> but it do not work.
>
> http://jsfiddle.net/CG8Gj/
>
>
> other question:
> how can i add the click function to the td of the table??
>
> thx for answer in advance
