Menu ▾ ▴

column header arrow img problem

Help
Alvincks
2006-03-30
2012-10-09

  • Alvincks

    Alvincks - 2006-03-30

    hi, good day, i'm new in displaytag, when i make the clumn to sortable='true' , the column will occupy with repeated img ..anyone know what wrong with it ?

    the arrow img is in png format , which i copy from img folder from displaytagExample1.1

    sample code
    [code]
    <display:table name="sessionScope.CustomerInfoList" defaultsort="1" defaultorder="descending" pagesize="5">
    <display:column property="cust_cd" title="ID" sortable="true"/>
    <display:column property="cust_name" title="Name" sortable="true"/>
    </display:table>
    [/code]

    many thanks for guidance

     

    Related

    Code: code

    • Alvincks

      Alvincks - 2006-03-31

      thanks , Rich Bagley ...i get it :) , have a nice day

       

    • Rich Bagley

      Rich Bagley - 2006-03-31

      I believe it's in your css. I had the same problem and here's my css:

      .displaytag-sortable a {
      background-image: none;
      background-position: right;
      background-repeat: no-repeat;
      display: block;
      color: #ffffff;
      }
      .displaytag-order1 a {
      background-image: url(../images/newDisplaytag/ascarrow.gif);
      background-position: right;
      background-repeat: no-repeat;
      }

      .displaytag-order2 a {
      background-image: url(../images/newDisplaytag/descarrow.gif);
      background-position: right;
      background-repeat: no-repeat;
      }

      Here's the table:

          &lt;display:table style=&quot;width: 100%;&quot; name=&quot;sessionScope.downloadForm.fileEntries&quot; id=&quot;files&quot; sort=&quot;list&quot;
            requestURI=&quot;/downloadSetup.do&quot; &gt;
      &lt;display:column headerClass=&quot;displaytag-th&quot; title=&quot;Row&quot;&gt;&lt;%=pageContext.getAttribute( &quot;files_rowNum&quot; )%&gt;&lt;/display:column&gt;
      &lt;display:column sortable=&quot;true&quot; headerClass=&quot;displaytag-th&quot; property=&quot;username&quot; title=&quot;User&quot;/&gt;
      &lt;display:column sortable=&quot;true&quot; headerClass=&quot;displaytag-th&quot; property=&quot;filename&quot; title=&quot;File Name&quot;
              href=&quot;/fileUpload/download.do?mode=download&quot; paramId=&quot;filename&quot; paramProperty=&quot;fullFilename&quot;/&gt;
      &lt;display:column headerClass=&quot;displaytag-th&quot; property=&quot;fileSize&quot; title=&quot;File Size&quot;/&gt;
      &lt;display:column headerClass=&quot;displaytag-th&quot; property=&quot;fileModDate&quot; title=&quot;Last Modified&quot;/&gt;
      &lt;display:column headerClass=&quot;displaytag-th&quot; title=&quot;&lt;%=checkAll%&gt;&quot;&gt;
          &lt;input type=&quot;checkbox&quot;
                 name=&quot;selections[&lt;%= getIndex( (Integer) pageContext.getAttribute( &quot;files_rowNum&quot; )  )%&gt;]&quot;&gt;
      &lt;/display:column&gt;
    &lt;/display:table&gt;
       

Log in to post a comment.

MongoDB Logo MongoDB