This is a migrated thread and some comments may be shown as answers.

Error rendering grid on IE8

2 Answers 45 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jose
Top achievements
Rank 1
Jose asked on 10 Sep 2012, 05:32 PM
Hi, 

I'm working on fix some issues in a website and I found the following error:

I have a radgrid inside a table nested in another table (I know this is a bad design, but I just have to fix the error).
As you can see in the images, chrome renders the grid perfect when the search button is click but in IE8 its  a mess.
Here's my code and I hope you can help me with this.
Sincerely, 
//José

<script type="text/javascript">
    function onRequestStart(sender, args) {
        if (args.get_eventTarget().indexOf("exportButton") >= 0) {
            args.set_enableAjax(false);
        }
    };                                                                        
</script>
 <telerik:RadGrid ID="dgDetalles" runat="server" AllowAutomaticInserts="True"
    AllowAutomaticUpdates="True" AllowSorting="True" AutoGenerateColumns="False"
    CellSpacing="0" CssClass="GridStyle" Culture="Spanish (Spain)" GridLines="None"
    PageSize="100" ShowFooter="True" ShowStatusBar="True" Skin="Forest" Style="left: 5px;
    top: -21px;" Width="99%" ClientSettings-Scrolling-AllowScroll="true" >
    <ExportSettings HideStructureColumns="true" />
    <clientsettings>                                                                                                                                                                      
        <Scrolling UseStaticHeaders="True" AllowScroll="True" SaveScrollPosition="true" />
        <Resizing AllowResizeToFit="false" AllowColumnResize="false" ResizeGridOnColumnResize="false" />  
    </clientsettings>
    <mastertableview TableLayout="Fixed" Width="100%"  NoMasterRecordsText="No se encontraron resultados para los filtros seleccionados"
        NoDetailRecordsText="No se encontraron resultados para los filtros seleccionados"
        commanditemdisplay="Top" datakeynames="NombrePais,NombreBodega,NOMBREDEPARTAMENTO"
        editmode="PopUp"  CssClass="opa">
        <commanditemtemplate>                                                                                       
            <div style="padding: 5px 5px; float: right;">              
                <asp:ImageButton ID="btnRefresh" ToolTip="Refrescar" ClientIDMode="Static" runat="server"
                    CommandName="RebindGrid" style="border:0px;vertical-align:middle;width:32px;height:32px;"
                    ImageUrl="../DkImages/Refresh.png" />
            </div>
        </commanditemtemplate>                                                                                   
         
        <Columns>
           <telerik:GridBoundColumn DataField="NombrePais" HeaderText="Pais" UniqueName="NombrePais" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px" />
            </telerik:GridBoundColumn
            <telerik:GridBoundColumn DataField="NombreBodega" HeaderText="Bodega" UniqueName="NombreBodega" ItemStyle-HorizontalAlign="Left">                                                                                      
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="NOMBREDEPARTAMENTO" HeaderText="Departamento" UniqueName="NOMBREDEPARTAMENTO" Visible="False" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>                                                                                         
            <telerik:GridBoundColumn DataField="BoletaSalida" HeaderText="Boleta de Salida" UniqueName="BoletaSalida" Visible="False" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="FechaMovimiento" HeaderText="Fecha Movimiento" UniqueName="FechaMovimiento" Visible="False" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="DescripcionMaterial" HeaderText="Material" UniqueName="DescripcionMaterial" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>     
            <telerik:GridBoundColumn DataField="TipoMovimiento" HeaderText="Tipo de Movimiento" UniqueName="TipoMovimiento" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="150px"/>
            </telerik:GridBoundColumn>    
            <telerik:GridBoundColumn DataField="DescripcionTipoPOP" HeaderText="Tipo de Material" UniqueName="DescripcionTipoPOP" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>                                                                                                                                                                     
            <telerik:GridBoundColumn DataField="DescripcionMotivo" HeaderText="Motivo" UniqueName="DescripcionMotivo" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="175px"/>
            </telerik:GridBoundColumn>     
            <telerik:GridBoundColumn DataField="pkOE" HeaderText="Orden Entrada" UniqueName="pkOE" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>     
            <telerik:GridBoundColumn DataField="pkOAAsociadas" HeaderText="OA's Asociadas" UniqueName="pkOAAsociadas" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="175px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Cantidad" HeaderText="Cantidad" UniqueName="Cantidad" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="75px"/> 
            </telerik:GridBoundColumn>                                                                                                                                                                       
            <telerik:GridBoundColumn DataField="CostoUnitarioMaterial" HeaderText="Costo Unitario" UniqueName="CostoUnitarioMaterial" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>                       
            <telerik:GridBoundColumn DataField="Estado" HeaderText="Estado" UniqueName="Estado" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="80px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="NombreUsuario" HeaderText="Usuario" UniqueName="NombreUsuario" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="PersonaEntregaMaterial" HeaderText="Entrega Material" UniqueName="PersonaEntregaMaterial" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="PersonaAutoriza" HeaderText="Autoriza" UniqueName="PersonaAutoriza" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px" />
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Destino" HeaderText="Destino" UniqueName="Destino" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="75px"/>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="OrdenCompra" HeaderText="Orden de Compra" UniqueName="OrdenCompra" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="75px" />
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Proveedor" HeaderText="Proveedor" UniqueName="Proveedor" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="125px" />
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="DescripcionPlanInversion" HeaderText="Plan de Inversion" UniqueName="DescripcionPlanInversion" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="200px" />
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="MesEjecucion" HeaderText="Mes de Ejecucion" UniqueName="MesEjecucion" ItemStyle-HorizontalAlign="Left">
                <HeaderStyle Font-Bold="True" ForeColor="White" HorizontalAlign="Left" Width="80px" />
            </telerik:GridBoundColumn
        </Columns>                                                                                                                                                                       
    </mastertableview>                                                                               
    <PagerStyle Mode="NumericPages" />
    <filtermenu enableimagesprites="False">                                                                                   
    </filtermenu>                                                                               
</telerik:RadGrid>

2 Answers, 1 is accepted

Sort by
0
Galin
Telerik team
answered on 13 Sep 2012, 02:17 PM
Hello Jose,

Based on the provided information I am not able to replicate the issue. On the screenshot it seems the whole page layout is "broken". Therefore, could you please send a small running project that we can use to reproduce the case?
Alternatively a live URL will help us as well.

All the best,
Galin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Jose
Top achievements
Rank 1
answered on 20 Sep 2012, 09:16 PM
Hi,

Thanks for the answer. I've fixed the error setting TableLayout="fixed" to the table containing the radgrid.

Regards,
//Jose
Tags
Grid
Asked by
Jose
Top achievements
Rank 1
Answers by
Galin
Telerik team
Jose
Top achievements
Rank 1
Share this question
or