Ext JS 4.2.3定義table用css類代替樣式的代理

Question

如何用css代替樣式定義tableAttrs？ 例如，而不是風格在這段代碼

layout: { 
     type: 'table', 
     columns: 4, 
     tableAttrs: { 
      width: '100%', 
      style: 'border-collapse:collapse' 

     }, 
     tdAttrs: { 
      style: 'vertical-align:middle;height:80px;padding-right:40px;' 
     } 
    } 

我想是這樣

layout: { 
     type: 'table', 
     columns: 4, 
     tableAttrs: { 
      width: '100%', 
      **cls: 'border-style'** 

     }, 
     tdAttrs: { 
      **cls: 'cell-style'** 
     } 
    } 

Answer 1

使用itemCls屬性

例子：

layout: { 
    type: 'table', 
    columns: 4, 
    tableAttrs: { 
     width: '100%' 
    }, 
    itemCls: 'customClass' 
} 

.customClass { 
    border-collapse: collapse; 
}