ExtJS中的一个table布局的问题

请教大家一个问题：在table的布局下我分了两列，我计划让第一列占据父面板的20%，第二列占据父面板的80%，这个应如何设置呢？谢谢
[b]问题补充：[/b]
多谢yourgame的回答，我也试用过了anchor，不过还是对结果没有影响。
[b]问题补充：[/b]
可能我表达不太好，我想实现的效果就犹如附件中的那样在一个panel中以一个表格的形式展现内容。表格分两列，第一列占20%，仅此而已。

不过你可以用column布局

[code="js"]layout:'column',
autoScroll:true,
items:[{
columnWidth:.8,
baseCls:'x-plain',
bodyStyle:'padding:5px 0 5px 5px',
items:[{
title: 'A Panel',
html: Ext.example.shortBogusMarkup
}]
},{
columnWidth:.2,
baseCls:'x-plain',
bodyStyle:'padding:5px 0 5px 5px',
items:[{
title: 'A Panel',
html: Ext.example.shortBogusMarkup
}]
}[/code]

没有调试,你看看

[code="js"]Ext.onReady(function() {
var panel = new Ext.Panel({
id:'main-panel',
baseCls:'x-plain',
renderTo: Ext.getBody(),
layout:'table',
layoutConfig: {
columns:2,
tableAttrs:{}
},
// applied to child components
defaults: {frame:true, width:200, height: 200},
items:[{
title:'Item 1',
anchor: '20%'

            },{
                title:'Item 2',
                anchor: '80%'
            }]
        });
    });

[/code]

tableAttrs:{} //这行注释掉

我还没有太明白你要什么效果

我看了一下源码,想实现你说的,推荐用 anchor布局,table布局列框都是固定了的.你只能是跨多少列,不能百分比