extjs grid 列顺序紊乱问题

这个问题描述类似

关于extjs表格列展示顺序问题

明明在columns定义好了，理应按照里面的顺序输出嘛，但偏不，原本应该列在第一位的，结果忽而在最后，忽而在中间，忽忽何所似，天地一狗屎。

在谷歌里寻寻觅觅，找不到。给出的答案，大部分都是列排序问题，我靠，牛头不对马嘴。

后来尝试着将一个叫stateful的属性值改为false，就正常了：

////grid
    var DaipiGrid = Ext.create('Ext.grid.Panel', {
        id: 'DaipiGrid',
        renderTo: 'grid',
        layout: 'fit',
        autoScroll: true,
        store: DaipiStore,
        stateful: false,//<---------------------为true时紊乱；设为fasle或干脆屏蔽都正常
        stateId: 'taskGroup-Grid',
        viewConfig: {
            enableTextSelection: true //列表数据可复制
        },
        columns: [
           {
               xtype: 'rownumberer',
               text: "序号",
               width: '3%',
               align: 'center'
           },
           { xtype: 'gridcolumn', dataIndex: 'ID', text: '流水号', width: '5%', align: 'center', sortable: false, style: 'text-align:center;' },
           { xtype: 'gridcolumn', dataIndex: 'YEARLY', text: '计划年度', width: '7%', align: 'center', sortable: false },
            {

stateful，这是什么鬼？