Results 1 to 3 of 3

Thread: Grid columns broken in some browsers when num columns high

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha Premium Member
    Join Date
    Jul 2011
    Vote Rating

    Default Grid columns broken in some browsers when num columns high

    As the number of columns in your grid increases the columns list (accessed via the dropdown arrow on the column header > Columns) fails to render properly. See the attached "Chrome+Firefox-bug.png" in the zip. NB this bug varies depending on which browser you use - IE 9 still renders the list ok (see "IE-ok.png").

    I've attached a simple example (NB this problem is affecting a real grid in my production code, I'm not just being pedantic). To make the example I simply duplicated the first column in one of the Ext-JS examples (ext-4.0.2a\examples\grid\array-grid.js) a couple times till the bug appeared. There are 24 columns in the example grid - chrome and firefox don't render the Columns list properly, IE is ok. If you delete one (ie 23 cols) then the column list is rendered properly in all browsers. In my production code the problem occurred after 13 columns.

    Unzip the file to ext-4.0.2a\examples\ - it will create:
    - GridBug/array-grid.html
    - GridBug/array-grid.js
    - GridBug/Chrome+Firefox-bug.png
    - GridBug/IE-ok.png

    You should then be able to view the array-grid.html from your http://localhost/path_to_ext_example...rray-grid.html

    If anyone has a fix let me know, otherwise I don't think my subscription allows me to report bugs?
    Attached Files Attached Files

Posting Permissions

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