制作空的空间

Question

我有这个菜单：

items:[      
{
    xtype: 'form',
    id: 'searchPanel',
    title: 'Search',
    collapsible: true,
    bodyPadding: 10,
    height: 210,
    buttonAlign: 'left',
    defaults: {
        width: 400,
        labelWidth: 120,
        allowBlank: true,
        enableKeyEvents: true        
    },
    layout: {
        type: 'table',
        columns: 2
    },
    items: [
        {
            xtype: 'textfield',
            name: 'txtFltrSiteName',
            fieldLabel: 'Site name or alias',
            id: 'txtFltrSiteName'
        },

        {
            xtype: 'textfield',
            name: 'txtDiskCost',
            fieldLabel: 'Disk cost',
            id: 'txtDiskCost',
            style: 'margin-left: 100px;'
        },

        {
            xtype: 'textfield',
            name: 'txtFltrProjectName',
            fieldLabel: 'Project name',
            id: 'txtFltrProjectName'
        },

       // many other fields  

chackboxes和文本字段的宽度不同，所以看起来很难看。
所以问题是：
如何以此形式制作空<td>？
例如，我想要6-2项：

----------
| 1  | 1 |
| 2  | 2 |
| 3  |   |
| 4  |   |
|..etc...|
----------

Answer 1

只需隐藏输入。 像这样：

{
    xtype: 'hidden',
    name: 'hidden1',
    id: 'hidden1'
},

这会显示<td>列，但它将为空，因为它将hidden输入。

Answer 2

这是一个更好的：

{
  xtype : 'label',
  text  : '',
  labelSeparator: ''
}