如何添加網格標籤面板

Question

不是如何我可以在標籤panel..My網格的中心增加電網採取的利潤率，甚至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

嘗試將網格嵌套到容器中。然後從容器中，您可以嘗試不同的尺寸和佈局，將其放置在您想要的位置。這裏有一個例子。

我會刪除「風格」填充/位置，至少啓動並看看你喜歡在容器內如何。然後從那裏墊/位置。試試這個：

{ 
    title: 'Credit Card', 
    id:'credit_tab', 
    html:'html', 
    items:[{ 
      xtype: 'container', 
      layout: { 
       type: 'hbox', 
       align: 'center', 
       pack: 'center', 
      }, 

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

    } 

Answer 2

不要爲此使用CSS定位（邊距等）。使用layout: center。

UPDATE：

下面是一個例子：https://fiddle.sencha.com/#fiddle/s7h

P.S.我期待那位贊成這個答案的善意的人提供評論/推理或者刪除投票。