I have a multi column table which has a couple of columns that hold images. The tablesorter plugin works fine for all columns apart from (obviously) the image columns.  I want to be able to sort by these columns too.  One is an urgency/overdue image (a green, gold or red blob) and one a priority image (similar to outlook) .  I'd hoped to be able to use the textExtraction: function to isolate the image column and pass a value in from the alt text property for the images, but have got absolutely nowhere!! The example one from the tablesorter site works fine for my other fields, but I can't get it to trigger on images. I've tried adding the value to sort by infront of the image for the priority column, on the hope that it would sort by this being the first in the column 

 

It doesn't help that my table is a .net gridview!

 

Any help would be greatly appreciated.

 

Chris

 

<div>       <table cellspacing="0" cellpadding="4" clientid="gvActions" class="sortableTable" border="0" id="ctl00_MainContent_gvActions" style="color:#333333;border-collapse:collapse;"> <thead> <tr style="color:White;background-color:#990000;font-weight:bold;"> <th scope="col">&nbsp;</th><th scope="col">Date</th><th scope="col">Team</th><th scope="col">Course</th><th scope="col">Title</th><th scope="col" abbr="Progress">Progress</th><th scope="col">Priority</th><th scope="col">Owner</th><th scope="col">Monitor</th><th scope="col">Due Date</th><th scope="col">Revised Due</th>

 </tr> </thead><tbody> <tr style="color:#333333;background-color:#FFFBD6;"> <td> <span id="ctl00_MainContent_gvActions_ctl02_lblUrgency">2</span> <img id="ctl00_MainContent_gvActions_ctl02_imgUrgency" src="images/goldBall.png" style="border-width:0px;" /> </td><td>29-04-10</td><td>CEN</td><td>&nbsp;</td><td><a href="ManageActions.aspx?id=2" target="_self">Use internal progression process</a></td><td> 

 <table id="ctl00_MainContent_gvActions_ctl02_ProgressControl1_tblProgressBar" cellspacing="1" cellpadding="1" border="0" style="background-color:White;border-color:Black;border-width:1px;border-style:solid;height:10px;width:61px;"> <tr> <td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td> </tr> 

 </table> </td><td> <img id="ctl00_MainContent_gvActions_ctl02_imgImportance" src="images/Importance0.png" style="border-width:0px;" /> </td><td>danielm</td><td>chriss</td><td>01-05-09</td><td>01-06-10</td> </tr><tr style="color:#333333;background-color:White;"> <td> 

 <span id="ctl00_MainContent_gvActions_ctl03_lblUrgency">1</span> <img id="ctl00_MainContent_gvActions_ctl03_imgUrgency" src="images/redBall.png" style="border-width:0px;" /> </td><td>29-04-10</td><td>CEN</td><td>&nbsp;</td><td><a href="ManageActions.aspx?id=3" target="_self">Develop a model to asssess students' skills</a></td><td> <table id="ctl00_MainContent_gvActions_ctl03_ProgressControl1_tblProgressBar" cellspacing="1" cellpadding="1" border="0" style="background-color:White;border-color:Black;border-width:1px;border-style:solid;height:10px;width:61px;"> <tr> <td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td> </td><td> </td><td> </td> 

 </tr> </table> </td><td> <img id="ctl00_MainContent_gvActions_ctl03_imgImportance" src="images/Importance0.png" style="border-width:0px;" /> </td><td>philb</td><td>lentil</td><td>01-06-09</td><td>&nbsp;</td> </tr><tr style="color:#333333;background-color:#FFFBD6;"> <td> 

 <span id="ctl00_MainContent_gvActions_ctl04_lblUrgency">1</span> <img id="ctl00_MainContent_gvActions_ctl04_imgUrgency" src="images/redBall.png" style="border-width:0px;" /> </td><td>29-04-10</td><td>ODL</td><td>&nbsp;</td><td><a href="ManageActions.aspx?id=4" target="_self">Improved early warning</a></td><td> <table id="ctl00_MainContent_gvActions_ctl04_ProgressControl1_tblProgressBar" cellspacing="1" cellpadding="1" border="0" style="background-color:White;border-color:Black;border-width:1px;border-style:solid;height:10px;width:61px;"> <tr> <td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td> </td><td> </td> 

 </tr> </table> </td><td> <img id="ctl00_MainContent_gvActions_ctl04_imgImportance" src="images/Importance1.png" style="border-width:0px;" /> </td><td>danielm</td><td>lentil</td><td>01-05-09</td><td>&nbsp;</td> </tr><tr style="color:#333333;background-color:White;"> <td> 

 <span id="ctl00_MainContent_gvActions_ctl05_lblUrgency">3</span> <img id="ctl00_MainContent_gvActions_ctl05_imgUrgency" src="images/greenBall.png" style="border-width:0px;" /> </td><td>29-04-10</td><td>BTY</td><td>&nbsp;</td><td><a href="ManageActions.aspx?id=6" target="_self">Provide additional laptops or IT access</a></td><td> <table id="ctl00_MainContent_gvActions_ctl05_ProgressControl1_tblProgressBar" cellspacing="1" cellpadding="1" border="0" style="background-color:White;border-color:Black;border-width:1px;border-style:solid;height:10px;width:61px;"> <tr> <td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td> </td><td> </td><td> </td><td> </td><td> </td> 

 </tr> </table> </td><td> <img id="ctl00_MainContent_gvActions_ctl05_imgImportance" src="images/Importance2.png" style="border-width:0px;" /> </td><td>lentil</td><td>danielm</td><td>31-01-11</td><td>&nbsp;</td> </tr><tr style="color:#333333;background-color:#FFFBD6;"> <td> 

 <span id="ctl00_MainContent_gvActions_ctl06_lblUrgency">1</span> <img id="ctl00_MainContent_gvActions_ctl06_imgUrgency" src="images/redBall.png" style="border-width:0px;" /> </td><td>29-04-10</td><td>&nbsp;</td><td>&nbsp;</td><td><a href="ManageActions.aspx?id=7" target="_self">All ESCs to complete Lit & Num quals</a></td><td> <table id="ctl00_MainContent_gvActions_ctl06_ProgressControl1_tblProgressBar" cellspacing="1" cellpadding="1" border="0" style="background-color:White;border-color:Black;border-width:1px;border-style:solid;height:10px;width:61px;"> <tr> <td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td style="background-color:Green;"> </td><td> </td><td> </td><td> </td> 

 </tr> </table> </td><td> <img id="ctl00_MainContent_gvActions_ctl06_imgImportance" src="images/Importance2.png" style="border-width:0px;" /> </td><td>chriss</td><td>lentil</td><td>30-07-09</td><td>&nbsp;</td> </tr> </tbody><tfoot> 

 </tfoot> </table> </div>