Skip to main content
B
BJ_-_CF
Inspiring
September 18, 2009
Question

CFGRID problem when you wrap columns

  • September 18, 2009
  • 1 reply
  • 2804 views

I have a cfgrid and the data that gets displayed in some of the columns can be long.  I found where I can wrap the data in the grid cell.  The problem I find is that it is not showing all the rows or it doesn't give me a scroll bar to see all the row.  Please see my attachment.  The big problem is that if all rows have data in them the user doesn't see the bottom rows.

I think this is a Adobe ColdFusion problem since it happens in 3 different browsers, but two of them aren't as bad as IE.  The problem is that our company browser we are suppose to use is IE so I need a work around.  Any ideas.

thanks for the help,

BJ

    This topic has been closed for replies.

    1 reply

    BKBK
    Community Expert
    BKBKCommunity Expert
    Community Expert
    September 19, 2009

    Show us the code, particularly the code you use to enable wrapping in the grid. Custom CSS or Javascript can interfere with Coldfusion's own scripting, and so have an effect on the grid's display.

    B
    BJ_-_CFAuthor
    Inspiring
    September 21, 2009

    Thanks for the reply.  Here is some of my code:

    CSS:

    #myformid
    .x-grid-row td {white-space:normal; text-decoration: none;}
    .x-grid-hd-text {background-color: #4F658C; color: #EEEEEE; font-size: 120%; font-weight: bold;}
    .x-grid-row-over td {
    background-color: #999999;
    }

    Here is the some of the code:

    <table>

    <cfform name="ITProjectListing" action="ITProjectList.cfm" method="post" id="myformid">

         .

         .    

         .

                 <td colspan="6"> 
                     <!---  grid layout of the listing  --->    
                        <cfgrid attributeCollection="#args#">
                            <cfgridcolumn name="id" header="No" href="ITProjectNew.cfm" hrefkey="id" width="75" />
                            <cfgridcolumn name="project_title" header="Title" width="200" />
                            <cfgridcolumn name="REQUESTOR" header="Requestor" width="150" />
                            <cfif cookie.deptSelect EQ "8230">
                             <cfgridcolumn name="application_name" header="Problem Area" width="150" />
                            <cfelseif cookie.deptSelect EQ "8220">
                             <cfgridcolumn name="application_name" header="System" width="150" />
                              <cfelse>
                             <cfgridcolumn name="application_name" header="Application" width="150" />
                            </cfif>
                            <cfgridcolumn name="assigned_to" header="Assigned" width="150" />
                          <cfgridcolumn name="request_status" header="Status" width="175" />
                        </cfgrid>
                   </td>

         .

         .

         .

    </cfform>

    </table>

    D
    Debora_G_
    Participating Frequently
    March 9, 2010

    x-grid-row td  worked for me but the longer headers are truncating.  How do I get the headers to wrap also?

    And would you know how to stop the "Page 1 of n" from showing up at the bottom of the grid?  My customer wants to see all the rows returned without paging.

    Thanks

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices