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

Error rendering grid on IE8

2 Answers 102 Views

Grid

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

Jose asked on 10 Sep 2012, 05:32 PM

chrome.png

ie8.png

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>

Error rendering grid on IE8

2 Answers, 1 is accepted