I have a grid with some pretty long column header names. The column selector menu cuts-off the names in IE7 and in FF the column names overflow the right border of the menu div. It appears the column selector menu is always defaulting to the minWidth (120px) in the autoWidth method of the Menu class because it thinks the is only 4px wide. I was able to reproduce the issue (see attached screen shot) using the existing array grid example in 1.1 by adding some characters to the "Price" column header name:
var colModel = new Ext.grid.ColumnModel([
{id:'company',header: "Company", width: 160, sortable: true, locked:false, dataIndex: 'company'},
{header: "Price (Before Conversion Rate)", width: 75, sortable: true, renderer: Ext.util.Format.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'}
]);
Thanks in advance for your help,
skippy
I have notified Jack on the matter; no idea when he's going to take a look at it.
I've tested in the latest svn trunk and in FF I had no problem but IE6 cuts the text like on your image.
Thanks, but of course IE is a requirement for our customers due to legacy (read: crappy) javascript in non-Ext pages. Any thoughts on a timeframe and priority for a fix?
 Allergies.. no relief?!?
 Religion in the workplace? |