Any suggestions on the best way to get the sort icon to dock on the
right with the text left-aligned?
using float:right on the link is hard to get working cross-browser as
floating right tends to mess up line wrapping especially in IE.
I got it somewhat working with putting a span around the text:
<tr:column sortable="true" sortProperty="name">
<f:facet name="header">
<tr:outputText styleClass="sortHeader" value="Name" />
</f:facet>
#{var.name}
</tr:column>
And using:
SPAN.sortHeader {
display: block;
width: 100%;
float: left;
}
It worked in FF 2, but not a pretty solution. Any tips on a better idea?
