Sort Indicators on Spry Data Table

Question

Hello,
I was wondering if there is any way to add "indicators" to a
Spry data table to show the sort direction? If not, maybe a request
to add them or is there a .js way to add them easily.
Thanks in advance,
Matt

Answer 1

OK, here is my solution to my table sort indicators question
after being pointed in the right direction by Donald. I hope this
will help someone out and save time.
Thanks, Matt
First:
/* This function takes onclick sorted column and adds sort
indicator based on Asc/Desc. Need to do alittle debugging so I left
some alerts in to make sure Asc/Desc was working */
function sortInd(idvar) {
/*Used these hidden divs because passed values seemed to be
opposite and not updating */
var sortOrd =
document.getElementById("curSortOrd").innerHTML;
var sortCol =
document.getElementById("curSortCol").innerHTML;
/* alert(sortOrd + " " + sortCol); */
charToRemove = '"';
regExp = new RegExp("["+charToRemove+"]","g");
var newSortOrd = sortOrd.replace(regExp,"");
/* alert(newSortOrd); */
var imageasc = new Image();
imageasc.src = "../../html/mattm55/images/asc.gif"
imgasc = "<img src=" + imageasc.src + ">";
var imagedes = new Image();
imagedes.src = "../../html/mattm55/images/des.gif"
imgdes = "<img src=" + imagedes.src + ">";
if ( newSortOrd == "ascending" ) {
document.getElementById(idvar).innerHTML = idvar + " " +
imgasc;
if ( newSortOrd == "descending" ) {
document.getElementById(idvar).innerHTML = idvar + " " +
imgdes;
Second part:
<th onclick="dsUsers.sort('name','toggle');
sortInd('Name');"><div
id="Name">Name</div></th>
<th
onclick="dsUsers.sort('email','toggle');sortInd('Email');"><div
id="Email">Email</div></th>
..... and so on for table.....
Last part: Seemed to need this as when passing "asc/des" to
js it seemed to not update or be reveresed so I got around that by
some hidden divs.
<th><div id="curSortCol" style="display:
none;">"{dspsmUsers::ds_SortColumn}"</div>
<div id="curSortOrd" style="display:
none;">"{dspsmUsers::ds_SortOrder}"</div></th>