angularjs使用UI-grid表格问题

Question

     var layout = [
            {
                field: 'id',
                displayName: "序号",
                width: 60,
                headerCellClass: 'text-center'

            }, 
            {
                field: 'zzmc',
                displayName: "组织名称",
                headerCellClass: 'text-center',
                width: 150
            }, 
            {
                field: 'x',
                displayName: "2015",
                width: 400,
                columns: [
                    {    
                        field: 'y',
                        displayName: "省",
                        width: 100

                    },
                    {
                        field: 'z',
                        displayName: "市",
                        width: 100

                    }
                        ]

            }
           ]
           
           这样还是只显示一列
           如图
           

---

怎么设计能变成这样

麻烦老手指点一二 ，感激不尽