无法将 CSS 添加到 ExtJS 的 propertygrid 的列答案

【问题标题】：Cannot add CSS to ExtJS' propertygrid's column无法将 CSS 添加到 ExtJS 的 propertygrid 的列
【发布时间】：2013-08-18 17:06:13
【问题描述】：

我找到了一些关于如何将 css 应用到 grid 的答案，但在我的情况下没有一个对我有帮助。
以下是我查看的链接：

看看这个来自Sencha的简单例子：

Ext.create('Ext.grid.property.Grid', {
    title: 'Properties Grid',
    width: 300,
    renderTo: Ext.getBody(),
    source: {
        "(name)": "My Object",
        "Created": Ext.Date.parse('10/15/2006', 'm/d/Y'),
        "Available": false,
        "Version": 0.01,
        "Description": "A test object"
    }
});

我正在尝试更改“名称”列的背景颜色和一些文本格式。怎么样？

我知道很想进入该列以更改其大小，但 css 无法正常工作：

listeners : {
    beforerender : function() {
        var cols = this.getView().getHeaderCt().getGridColumns();
        cols[0].setText("Property");
        cols[0].setWidth(150);
    }
}

【问题讨论】：

标签： javascript css extjs

【解决方案1】：

s。罗马

我是一个 extjs-rookie，但是关于 column-cls 的情况是：http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.column.Column-cfg-cls

afaik 你应该可以在那里应用你的风格

【讨论】：

我看到了，但是你能根据我的要求给我一个例子吗？
抱歉，这可能是个愚蠢的问题，但您是要更改 'name' 所在的整个 COLUMN，还是要更改 CELL？
整列，我想给用户一种错觉，整个左列是不可编辑的。也可以将文本颜色更改为黑色，并将样式更改为粗体。