I just updated my program to use Ext JS 4.0.2a starting from the previous 4.0.0. Some parts of my program are interrupted after the update, and one of them indicates that the show / hide column parameter for the grid does not display correctly. The screenshot below is how things are displayed on my machine;

Note that the list of columns is displayed on top of the page, and the list itself is empty.
I'm not sure if this is a specific platform / browser, but I am using Ubuntu Linux and I get this error when running my program in Firefox, as well as in Chromium.
The following describes how my grid column is declared:
{ xtype: 'gridcolumn', header: 'windspeed_max', sortable: true, width: 105, dataIndex: 'windspeed_max' },
I did not enable the 'hideable' option, because by default it is true, but the problem still persists even after adding the 'hideable' option and sets it to true. I'm not sure if this option has anything to do with the problem anyway.
The question is, how can I fix this problem without returning to Ext JS 4.0.0?
source share