- columns: [
- {id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company'},
- {header: "Price", width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price'},
- {header: "Change", width: 75, sortable: true, renderer: change, dataIndex: 'change'},
- {header: "% Change", width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'},
- {header: "Last Updated", width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
- ],
+ columns: [{
+ id:'company',
+ text: 'Company',
+ sortable: true,
+ dataIndex: 'company',
+ flex: 1
+ },{
+ text: 'Price',
+ sortable: true,
+ renderer: Ext.util.Format.usMoney,
+ dataIndex: 'price',
+ width: 75
+ },{
+ text: 'Change',
+ sortable: true,
+ renderer: change,
+ dataIndex: 'change',
+ width: 75
+ },{
+ text: '% Change',
+ sortable: true,
+ renderer: pctChange,
+ dataIndex: 'pctChange',
+ width: 75
+ },{
+ text: 'Last Updated',
+ sortable: true,
+ dataIndex: 'lastChange',
+ width: 75
+ }],