如何将网格添加到选项卡面板

Question

如何在标签面板的中心添加网格。我的网格没有边距，style:{margintop:'10px'}甚至高度：和宽度：

这是我的网格： -

{
        title: 'Credit Card',
        id:'credit_tab',
        html:'html',
        items:[{ 
                    xtype:'grid',

                    title: 'Simpsons',
                    resizable: true,
                   // margins:'20 20 20 20',
                    style:{marginLeft:'200px',marginTop:'30px'},
                    //store: Ext.data.StoreManager.lookup('simpsonsStore'),
                    columns: [
                        { header: 'Name',  dataIndex: 'name' },
                        { header: 'Email', dataIndex: 'email', flex: 1 },
                        { header: 'Phone', dataIndex: 'phone' }
                    ],
                  //  height: 100,
                    width: 100,
                  // renderTo:Ext.getBody()
                }]

         }

Answer 1

不要为此目的使用CSS定位（边距等）。使用layout: center。

<强>更新

以下是一个示例：https://fiddle.sencha.com/#fiddle/s7h

P.S。我期待那个赞成这个答案的善良的人提供评论/推理或取消投票。