Skip navigation
Oby1KnOby
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">

  <table>

    <tr>

      <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>

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

      <td>{Name}</td>

      <td>{Price}</td>

      <td>{Quality}</td>

      <td>{Satisfaction}</td>

    </tr>

  </table>

</div>

 

 

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

  <tr>

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

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

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

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

  </tr>

  <tr>

    <td>Product1</td>

    <td>400</td>

    <td>9</td>

    <td>1</td>

  </tr>

  <tr>

    <td>Product2</td>

    <td>500</td>

    <td>6</td>

    <td>4</td>

  </tr>

  <tr>

    <td>Product3</td>

    <td>700</td>

    <td>3</td>

    <td>8</td>

  </tr>

  <tr>

    <td>Product4</td>

    <td>250</td>

    <td>2</td>

    <td>9</td>

  </tr>

</table>

 
Replies
  • 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?

     

    Julia

     
    |
    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