如何在網格單元（Ext JS）上覆蓋 x-grid-cell-inner CSS？

Question

我正在嘗試覆蓋網格中的內部單元格空白屬性。 設置 cls: 'custom-grid' 不會改變樣式。 請幫忙。 我的 CSS 文件：

div.custom-grid div.x-grid-cell-inner {
  white-space: normal; /* changed from nowrap */
}

定義：

    Ext.define('My.Panel', {
    extend: 'Ext.grid.Panel',
    cls:'custom-grid' //tried this didn't work
    loadMask: false,    
    scrollable: true,    
    frame: true,

    initComponent: function () {
        let me = this;
        let store = 'base.store.notes'; 
        me.store = store;
        me.columns = [
            {header:Text.Shoppers, width: 100, dataIndex: 'shoppers'},
            {header:Text.Id, width: 100,  dataIndex: 'val'},
        ];
       
        me.callParent(arguments);
    }

Answer 1

第一個 div 是錯誤的。 它應該是這樣的：

.custom-grid div.x-grid-cell-inner {
  white-space: normal; /* changed from nowrap */
}