Skip navigation
Currently Being Moderated

Images for sortable table

Jun 25, 2012 10:46 AM

Hello again!

I was able to impliment a sortable data table to my website by using Spry Data Set.

However I want to use hirozontal graphical images insted of numbers. So for example instead of number 45 I want to have a 45px long horizontal graphic image, insted of number 95 a 96px long pgraphical image etc.


My question is how do I make the sortable dable work with the graphical images instead of numbers? There should be a way around it.



Here is my table now:



<div spry:region="ds1">



      <th spry:sort="Name"style="cursor:pointer">Name</th>

      <th spry:sort="Price"style="cursor:pointer">Price</th>

      <th spry:sort="Quality"style="cursor:pointer">Quality</th>

      <th spry:sort="Satisfaction" style="cursor:pointer">Satisfaction</th>


    <tr spry:repeat="ds1" spry:odd="odd" spry:even="even">










<table width="262" height="142" border="1" id="products">


    <td width="70">Name</td>

    <td width="58">Price</td>

    <td width="53">Quality</td>

    <td width="83">Satisfaction</td>



























  • Currently Being Moderated
    Jun 25, 2012 11:53 AM   in reply to Oby1KnOby

    I'm a little confused as to what you are trying to do?

    You can use an <img> tag to intsert an image, or from the tool bar Insert >> Image,


    does this help?



    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points