Menu ▾ ▴

sorting

Help
mightycoder
2005-12-07
2012-10-09

  • mightycoder

    mightycoder - 2005-12-07

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <HTML>
    <HEAD>
    <META http-equiv="Content-Type"
    content="text/html; charset=windows-1252">
    <META name="GENERATOR" content="IBM Software Development Platform">
    <META http-equiv="Content-Style-Type" content="text/css">
    <LINK href="theme/Master.css" rel="stylesheet"
    type="text/css">
    <TITLE>test.html</TITLE>
    </HEAD>
    <BODY>
    <P>hi,<BR>
    <BR>
    how can i add this up / down arrows for sorting in the table headers
    (see attached file)<BR>
    <BR>
    thanks<BR>
    Juergen<BR>
    <BR>

    </P>
    <CENTER><IMG border="0" src="sorting.GIF" width="396" height="117"></CENTER>
    <P><BR>
    <BR>
    <BR>
    </P>
    </BODY>
    </HTML>

     

    • juapar2

      juapar2 - 2006-01-17

      use the following code in css

      9*****
      th.sortable a {
      background-image: url(../images/arrow_off.gif);
      background-position: right;
      width: 95%;
      background-repeat: no-repeat;
      color:white;
      }
      th.order1 a {
      background-image: url(../images/arrow_down.gif);
      background-repeat: no-repeat;
      }
      th.order2 a {
      background-image: url(../images/arrow_up.gif);
      background-repeat: no-repeat;
      }

      1. Note verify the location of images.
      2. Set the fields to be sorted to sortable=true

      then the arrows should work

       

Log in to post a comment.