Page 2 of 2 FirstFirst 12
Results 11 to 18 of 18

Thread: [OPEN-440][3.??] TreeGrid - hide column error

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #11
    Ext JS Premium Member
    Join Date
    Jan 2010
    Location
    Austria
    Posts
    87

    Default

    got it working in IE.
    just add style="table-layout:fixed;" to the table created in with the template in TreeGrid.js #72
    columns are hidden as expected and you dont have to change css or js.


    Just ignore my old post

    Quote Originally Posted by Nesta View Post
    [EDIT] Damn this fix only works in Firefox (tested with 3.6.3) IE (tested with IE 8) still "shows"
    the hidden columns and doesn't align the content as expected

    The problem is related to the child nodes of the td Element that should be hidden.
    This "fix" reduces the leftover header to about 2px.

  2. #12
    Sencha User
    Join Date
    Apr 2010
    Posts
    8

    Thumbs up

    Thanks !

    Problem solved just by adding some css:
    Code:
    .x-treegrid-header-inner .x-grid3-header-offset table {
        table-layout:fixed;
    }

  3. #13
    Ext JS Premium Member
    Join Date
    Jan 2010
    Location
    Austria
    Posts
    87

    Default

    hm never thought of the css fix. the table layout
    is specified with "style" anf because of that i never
    tried css.

    one word to treegrid sorter: i had problems
    because one column was numeric an no string.
    specify a sortType and save a lot of time
    Mark solved threads with [SOLVED]... this saves a lot of time

  4. #14
    Ext JS Premium Member
    Join Date
    Apr 2010
    Location
    Midwest, USA
    Posts
    96

    Default

    Balbuzer's fix does seem to work. Is this going to be worked into the next release? Seems like a major issue with the Treegrid, has anyone been able to test this fix extensively, any issues people know about?

  5. #15

    Default

    The solution with "table-layout:fixed;" seems not to work in Chrome and Safari. The problem is still there.

  6. #16

    Default

    Quote Originally Posted by Jamie Avins View Post
    This has now been assigned to a developer to look at.
    It is a pity, in 3.3.0 it is still not fixed for Chrome and Safari :-(

  7. #17
    Sencha User
    Join Date
    Apr 2007
    Posts
    57

    Default

    For webkit, the .x-treegrid-hd-hidden class needs to use display:none instead of visibility:hidden.

  8. #18
    Sencha Premium Member
    Join Date
    Mar 2008
    Posts
    60

    Default Workaround

    I've found a workaround that works in my case.
    FYI I'm using :
    ExtJs 3.4 and Ext.ux.tree.EditorGrid 1.0.8 (see http://www.sencha.com/forum/showthre....tree.TreeGrid)

    1) The column I need to show/hide is the last one in my ColumnModel.
    Here is its definition :
    Code:
    {
    	header: 'mylastcol',
    	dataIndex: 'w',
    	width: 0,
    	hidden:true
    }
    2) change CSS for hidden header :
    Code:
    .x-treegrid-hd-hidden {display: none;}
    3) Then when you want to show the column (the third one in my case)
    Code:
    Ext.apply(myTreePanel.getColumnModel()[2],{width:150,hidden:false});
    
    myTreePanel.updateColumnWidths();

Page 2 of 2 FirstFirst 12

Posting Permissions

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