JavaScript
Run Code
Open in Fiddle
Ext.define('Fiddle.view.Main', { extend: 'Ext.Container', layout: 'vbox', scrollable: 'y', items: [{ id: 'myGrid', xtype: 'grid', title: 'Test', minHeight: 1500, itemConfig: { viewModel: true }, store: { storeId: 'myStore', fields: ['id', 'description'], data: [{ 'id': '1', 'url': 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png', 'width': 2000, 'height': 3000 }, { 'id': '2', 'url': 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png', 'width': 2000, 'height': 3000 }] }, columns: [{ text: 'Id', dataIndex: 'id' }, { text: 'Thumbnail', flex: 1, cell: { xtype: "widgetcell", widget: { xtype: "img", height: 32, width: 32, bind: { src: "{record.url}" } } } }, { text: 'Width', dataIndex: 'width' }, { text: 'Height', dataIndex: 'height' }] }] }) Ext.application({ name: 'Fiddle', mainView: 'Fiddle.view.Main' });