Estoy tratando de anular la propiedad de espacio en blanco de la celda interna en una cuadrícula. Establecer cls: 'custom-grid' no cambia el estilo. Por favor ayuda. Mi archivo CSS:
div.custom-grid div.x-grid-cell-inner { white-space: normal; /* changed from nowrap */ }Definición:
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); }El primer div está mal. Debe tener un aspecto como este:
.custom-grid div.x-grid-cell-inner { white-space: normal; /* changed from nowrap */ }