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; 
}