Results 1 to 1 of 1

Thread: Why does grid exceed panel container size?

  1. #1
    Sencha User
    Join Date
    Mar 2011
    Vote Rating

    Default Why does grid exceed panel container size?

    See attached image.

    I have a region defined as

                        //GRID AREA
                        region: 'center',
                        title: 'data section',
                        xtype: 'panel',
                        layout: 'border',
                        collapsible: true,
                        collapseDirection: 'top',
                        width: '100%',
                        items: [{
                            region: 'center',
                            xtype: 'container',
                            layout: 'fit',
                            width: '100%',
                            height: '100%',                
                            id: 'gridArea'
    and i add a grid to the region as

    var grid = new Ext.grid.GridPanel({
               id: 'mainGrid',
               padding: '2 2 2 2',
            renderTo: 'gridArea',
            store: teamStore,
               autoScroll: true,
               height: '100%',
            width: '100%',
               headers: [{
                   text: 'Id',
                   dataIndex: 'Id'
                   text: 'Name',
                   dataIndex: 'Name'
    In the attached screenshot the before picture shows how the grid fits nicely in the panel container.

    When the left nav side is expanded the grid seems to expand beyond the panel container edge, instead of being re-sized. Even though the grid expands past the panel edge, no scroll bars appear at the bottom of the grid or panel.

    After the panel container size changes, how do I ensure the grid is also re-sized to fit within the new panel size?

    Thanks in advance
    Attached Images Attached Images

Similar Threads

  1. How to get parent/container size?
    By thenullpointer in forum Ext GWT: Discussion
    Replies: 4
    Last Post: 2 Nov 2010, 2:47 PM
  2. Min/Max width according to the container size
    By mickA in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 2 Feb 2010, 3:02 AM
  3. Combo box to fit the container size
    By ruchika in forum Ext 3.x: Help & Discussion
    Replies: 5
    Last Post: 10 Dec 2009, 3:27 AM

Tags for this Thread

Posting Permissions

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