Ext JS 4.2.3使用css类而不是样式定义tableAttrs

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