ext CellCls

在 ext.js 中，`cellCls` 是用于给表格单元格添加 CSS 类的属性。通过设置 `cellCls` 属性，可以为表格中的某个单元格添加指定的 CSS 类，以实现样式的定制化。

在表格列的渲染函数中，可以通过返回一个包含 `tdCls` 属性的对象来为该单元格添加 CSS 类，例如：

{
    xtype: 'gridcolumn',
    text: '状态',
    dataIndex: 'status',
    renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
        if (value === '已完成') {
            return {
                tdCls: 'my-finished-cell-class',
                value: value
            };
        } else {
            return value;
        }
    }
}

上述代码中，渲染函数中通过判断单元格对应的值是否为 `'已完成'`，如果是则返回一个包含 `'my-finished-cell-class'` 这个 CSS 类的对象，否则返回原始的单元格值。这样，表格中所有状态为 `'已完成'` 的单元格都会被添加 `'my-finished-cell-class'` 这个 CSS 类。

需要注意的是，`cellCls` 属性只能用于渲染函数中，而不能通过列配置项直接设置。如果你需要为某一列中所有单元格添加 CSS 类，可以在渲染函数中判断列索引是否符合要求，从而为对应的单元格添加 CSS 类。