您可以使用传递给renderer函数的metaData对cell元素应用样式，请参阅此处的文档。
一个简单的方法是根据您的条件设置display CSS属性。这将应用于Ext JS为单元格创建的HTML <td>元素。
试试这个：

{
   xtype: 'checkcolumn',
   renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
       if (record.data.hidden === true) {
           metaData.tdStyle = 'display: none;';
       } else {
           metaData.tdStyle = 'display: table-cell;';
       }
    },
    itemId: 'mycheck',
    bind: {
        text: '{warranty}'
    }
}

（我不确定正确的语法，也许你不需要在none和table-cell之后使用分号，也许你必须在某些地方使用引号。试试看。）
但是你创建了一个CSS样式并使用了tdCls，也许还有tdAttr，但我不确定最新的。