extjs - extjs で非表示のサブ列を含む列を非表示および再表示中にエラーが発生しました

Question

列を持つグリッドがあります

 columns: [
        { header: '<b>Agency </b>', dataIndex: 'Agency ', width: 120, align: 'left', sortable: false, flex: 1,
            summaryType: 'count',
            summaryRenderer: function(value) {
                return Ext.String.format('Total');

            }
         },
        { header: '<b>A</b>',
            columns: [

        { header: '<b>B</b> ', dataIndex: 'B', width: 100, sortable: false, align: 'right', hidden: true,
            summaryType: 'sum',
            summaryRenderer: function(value) {
                return (value.toFixed(2) );

            },
            renderer: function(value) {
            return (value.toFixed(2));
            }
        },
        { header: '<b>C</b>', dataIndex: 'C', width: 100, sortable: false, align: 'right', hidden: true,
           summaryType: 'sum',
           summaryRenderer: function(value) {
             return (value.toFixed(2) );
         },
         renderer: function(value) {
             return (value.toFixed(2));
         }
        },
        { header: '<b>D</b>', dataIndex: 'D', width: 120, sortable: false, align: 'right',
            summaryType: 'sum',
            summaryRenderer: function(value) {
                return (value.toFixed(2) );
            },
            renderer: function(value) {
                return (value.toFixed(2));
            }
        }

        ]
        },
        { header: '<b>E</b>',
            columns: [
                { header: '<b>J</b> ', dataIndex: 'J', width: 110, sortable: false, align: 'right', hidden: true ,
                    summaryType: 'sum',
                    summaryRenderer: function(value) {
                        return (value.toFixed(2));
                    },
                    renderer: function(value) {
                        return (value.toFixed(2));
                    }
                },
                { header: '<b>F</b>', dataIndex: 'F', width: 110, sortable: false, align: 'right', hidden: true,
                    summaryType: 'sum',
                    summaryRenderer: function(value) {
                        return (value.toFixed(2));
                    },
                    renderer: function(value) {
                        return (value.toFixed(2));
                    }
                },
                { header: '<b>J </b>', dataIndex: 'J', width: 130, sortable: false, align: 'right',
                    summaryType: 'sum',
                    summaryRenderer: function(value) {
                        return (value.toFixed(2) );
                    },
                    renderer: function(value) {
                        return (value.toFixed(2));
                    }
                }
              ]
        }
     ]
});

列 E を非表示にしようとすると、うまくいきますが、表示しようとすると、元々非表示だったサブ列が表示されます。

非表示にするための私のコードは

 myGrid.columns[2].setVisible(flase);

私が使用していることを示すために

myGrid.columns[2].setVisible(true);

助けはありますか？