[Solved] Problem with Grid in IE8

[Gary]

Hi, this is my first post and i9'm not sure yet if this will help.
I just need an information why the grid control style is different in IE8 than FIREFOX 3. Is not a bug, but is the border problem is really annoying.

This is the code for Grid-Columns:

<Columns>
                            <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" HeaderStyle-Width="30" />
                            <telerik:GridBoundColumn DataField="CustomerID" SortExpression="CustomerID" UniqueName="CustomerID" HeaderStyle-Width="110" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="left" HeaderText="Customer ID" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false" FilterControlWidth="75px" HtmlEncode="true"></telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="CustomerFullName" SortExpression="CustomerFullName" HeaderStyle-Width="150" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="left" HeaderText="Customer Name" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false" FilterControlWidth="100px" HtmlEncode="true">
                                <HeaderStyle HorizontalAlign="Left" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="PracticeName" HeaderStyle-Width="150" HeaderText="Practice Name" Resizable="true" ItemStyle-HorizontalAlign="Left" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false" FilterControlWidth="100px" HtmlEncode="true"></telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="OfficePhone" HeaderStyle-Width="110" HeaderText="Office Phone" Resizable="false" ItemStyle-HorizontalAlign="Left" FilterControlWidth="60px"></telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Email" HeaderStyle-Width="150" AllowFiltering="false" HeaderText="Email" Resizable="true" ItemStyle-HorizontalAlign="Left" HtmlEncode="true"></telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Address" HeaderText="Address" AllowFiltering="false" ItemStyle-HorizontalAlign="Left" HtmlEncode="true"></telerik:GridBoundColumn>
                            <telerik:GridButtonColumn ConfirmText="Delete this Customer ?" ConfirmDialogType="RadWindow" HeaderStyle-Width="30" ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">
                                <ItemStyle HorizontalAlign="Center" CssClass="MyImageDelete" />
                            </telerik:GridButtonColumn>
                        </Columns>

[Dimo]

Hi George,

The observed discrepancy is caused by a browser limitation. Please refer to:

http://www.telerik.com/community/forums/aspnet-ajax/grid/border-not-displayed-if-cell-is-empty-in-internet-explorer.aspx

All the best,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.