Faire espace vide

Question

déposé

Je ce menu:

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 

Et chackboxes et les champs de texte ont une largeur diffirent, il semble laid.
Ainsi le queston est:
Comment rendre vide <td> sous cette forme?
Pour examle Je veux 6-2 articles:

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

Answer 1

Juste Participera caché. comme ceci:

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

Cela fera <td> colonne, mais il sera vide coz il sera entrée hidden en elle.

Answer 2

est ici un meilleur:

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