Results 1 to 4 of 4

Thread: Grid Panel scroll bar hides part of row body content

  1. #1
    Sencha User
    Join Date
    Jun 2009
    Posts
    419
    Vote Rating
    2
      0  

    Default Grid Panel scroll bar hides part of row body content

    Hi,

    I have noticed on a grid panel in my application that when the vertical scroll bar appears it can cause content in the row to become obscured by the scroll bar itself rather than wrap the row content. See attached image, where some of the locations should read 'Harrow' in the text, but instead gets clipped and read as 'Harro'.

    Here is my viewConfig for the grid:

    Code:
    this.viewConfig= {
                forceFit: true,
                enableRowBody: true,
                getRowClass: function(record, rowIndex, p, store) {
                    //Custom code here...
                }
            }
    The Row Class code I am using is just returning different strings to display based on different record field values.

    Any advice please?
    Thanks
    Attached Images Attached Images

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Vote Rating
    1272
      0  

    Default

    If you inspect the DOM for the list, does it have overflow set on it to prohibit horizontal scroll or sized incorrectly?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Jun 2009
    Posts
    419
    Vote Rating
    2
      0  

    Default

    See the attached screenshot of what Firebug is showing, so it seems overflow-x is set to hidden, which I think is what you were asking?
    Attached Images Attached Images

  4. #4
    Sencha User
    Join Date
    Jan 2011
    Posts
    549
    Vote Rating
    54
      0  

    Default

    Have you tried altering the 'scrollOffset' config under the grid's viewConfig?

    E.g.
    Code:
    viewConfig: {
        scrollOffset: 40
    }

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •