Results 1 to 9 of 9

Thread: Grid Grouped Column Bug

    You found a bug! We've classified it as EXTJS-16845 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Ext JS Premium Member
    Join Date
    May 2011
    Posts
    45

    Default Grid Grouped Column Bug

    When using wrapped headers, the parent column height is not calculated correctly. It looks like there is a "headerWrap" config to get the height calculated correctly. Unfortunately, when set to true, the layout fails.

    Here's a fiddle:

    https://fiddle.sencha.com/#fiddle/i5r

  2. #2
    Ext JS Premium Member
    Join Date
    May 2011
    Posts
    45

    Default

    Is there anything else I need to provide to get this ticket opened? Please let me know.

  3. #3
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    The headerWrap config is private, so I'm not sure this is a bug. When that config is removed, what about the results is not correct?

    Have you made changes to your CSS as described in the docs for headerWrap?

  4. #4
    Ext JS Premium Member
    Join Date
    May 2011
    Posts
    45

    Default

    The comments in the code indicate that config was intended to fix the issue though. The height of the header is not calculated correctly when it has to wrap. The bottom header in this image is called "short header" and as you can see "header" part is cutoff.


    header_bug.png

  5. #5
    Ext JS Premium Member
    Join Date
    May 2011
    Posts
    45

    Default

    I've created a fiddle to replicate the issue: https://fiddle.sencha.com/#fiddle/ic1

  6. #6
    Ext JS Premium Member
    Join Date
    May 2011
    Posts
    45

    Default

    Hi Gary,Is there anything else I can provide to verify this bug?

  7. #7
    Sencha - Support Team keckeroo's Avatar
    Join Date
    Mar 2008
    Location
    Winnipeg, Canada
    Posts
    389

    Default

    It appears that there is a work around that does appear to work for header wrapping, however a header height is required to be specified as well to help with the layout along with slight changes to your css.

    Here is a working fiddle:

    https://fiddle.sencha.com/#fiddle/pcl

    And the css style to modify is :

    Code:
    .x-column-header-text-container, .x-column-header-text{
        white-space : normal !important;
    }
    I've added the above information to the bug report which is currently a feature request as this is a private config option and probably private because it's not ready for public use yet.

    Kev

  8. #8
    Sencha Premium User SebTardif's Avatar
    Join Date
    Feb 2011
    Location
    Cambridge, MA
    Posts
    1,295

    Default

    Quote Originally Posted by keckeroo View Post
    It appears that there is a work around ..., however a header height is required to be specified as well to help with the layout along with slight changes to your css.
    The idea of wrapping is to have something 'automatic', because I could use <br/> instead. Specifying the height is not really an option when the header text or the column width is dynamic.

    Also, keckeroo Fiddle doesn't work in Ext JS 6.2.0

  9. #9
    Sencha User
    Join Date
    Oct 2015
    Posts
    4

    Default

    is it same bug?
    If specify headerWrap: true - ​layout failed by resizeing column

Posting Permissions

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