Pushpin Update
20 March 06
| Permanent Link | Add Comments
The example for the Pushpin Header technique has been updated. The new example fixes a bug that occurred when a user tried sorting the table data after using the scroll bars.
The example for the Pushpin Header technique has been updated. The new example fixes a bug that occurred when a user tried sorting the table data after using the scroll bars.
Cool – I’ve been looking for a better way to sort data.
@Ryan – If you’re looking for a great sorting script check out this one.
great script.
i hope you don’t mind, but i tweaked it so it now accepts images instead of the text arrows:
line 103:
arrow = ”/img/listings/sort_asc.gif”;
line 106:
arrow = ”/img/listings/sort_desc.gif”;
line 111: var span = this.getElementsByTagName(‘span’);
var sortImg = document.createElement(‘IMG’);
replace line 114 with (i left the original line for reference):
//span.appendChild(document.createTextNode(arrow));sortImg.src = arrow;
span.appendChild(sortImg);
and you should be good to go. make sure you point to your own sort images, and hopefully all this makes it through your comment box :)
@sandro – This is a great option for the script, thanks for posting it here.
my pleasure.
one thing to note: it appears that safari is doubling the padding of the dataGridHeader, resulting in a nice gap beneath the sortable header row and the content. short of dynamically writing out the padding based on user-agent, i am trying to find a workaround. i’ll post here if i come up with one…
cheers…
@Sandro – If you figure that one out give me a shout for sure.