IE problem on ListGridField with IsRemoveField=true

[Jkike]

Hi,

I search the forum but could not find anything related to the specific behaviour I'm going to describe.

I have a ListGrid with setCanRemoveRecords(true).
On this ListGrid I also configured a ListGridField to be the removeField and placed it as first column of the grid.
The first column and the second column of the grid are frozen.

When I look at the grid with Firefox it look ok, but when using IE the "removeField" has different width for the header and the rows.

Inspecting the generated HTML, I can see that in FF the td element containing the remove icon has the width set to 24px while in IE it is 15px.

The default size of the remove icon is 16, so in IE the image is cut (see the attachment).

Any idea on how can I resolve the IE behaviour?

I'm using SmartGwt 3.0 (I cannot upgrade to 4.0 unfortunately)

Thank you very much
Jkike

[Jkike]

Little update.

I manage to make the icon completely visible on IE by changing the ListGrid default for the removeField through JSNI

$wnd.ListGrid.changeDefaults("removeFieldDefaults", {width:30});

This way I notice that the header cell is always 6px larger than the row cell.

Header: 21px -> Row: 15px
Header: 30px -> Row: 24px

Any idea where this 6px get lost? :)

Thank you

[Jkike]

Anyone can help? :)

Thanks