Hello, I have some problems with the RadGrid, I hope I can help.
In Internet Explorer 9. The control does not display the columns as it should inMasterTable both headers and data in rows, and I also piled Detail information as shown in the image RadGridImgIE9.jpg.
In Google Chrome stacked all the information from the MasterTable to detail, as shownin the image RadGridImgChrome.jpg.
I'm using version Q1 2009.
thanks
My code is as follows:
<telerik:RadGrid ID="RadGrid1"
ShowStatusBar="True"
DataSourceID="SqlDataSource1"
runat="server"
AutoGenerateColumns="False"
GridLines="None"
Skin="WebBlue"
Height="555px"
Width="1022px"
AllowFilteringByColumn="True"
AllowPaging="True" >
<GroupingSettings CaseSensitive="false" />
<PagerStyle Mode="NextPrevAndNumeric" />
<MasterTableView
CommandItemDisplay="Top"
DataSourceID="SqlDataSource1"
DataKeyNames="id_empresa"
AllowMultiColumnSorting="True"
nodetailrecordstext="No hay Pólizas que mostrar."
nomasterrecordstext="No hay Empresas que mostrar.">
<CommandItemTemplate>
<asp:Label ID="LabelTituloGrid" runat="server" Text="Listado de Empresas" Font-Bold="True"></asp:Label>
</CommandItemTemplate>
<DetailTables>
<telerik:GridTableView DataSourceID="SqlDataSource2" Width="10%" AllowFilteringByColumn="False" runat="server">
<ParentTableRelation>
<telerik:GridRelationFields DetailKeyField="id_empresa" MasterKeyField="id_empresa" />
</ParentTableRelation>
<ExpandCollapseColumn Visible="True"></ExpandCollapseColumn>
<Columns>
<telerik:GridBoundColumn SortExpression="no_poliza" HeaderText="No Póliza" HeaderButtonType="TextButton" DataField="no_poliza" UniqueName="no_poliza" > </telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="vigencia" HeaderText="Vigencia" HeaderButtonType="TextButton" DataField="vigencia" UniqueName="vigencia" > </telerik:GridBoundColumn>
<telerik:GridNumericColumn SortExpression="total" HeaderText="Total" HeaderButtonType="TextButton" DataField="total" UniqueName="total" DataType="System.Decimal" DataFormatString="{0:#,##0.00}" > </telerik:GridNumericColumn>
<telerik:GridNumericColumn SortExpression="pagado" HeaderText="Pagado" HeaderButtonType="TextButton" DataField="pagado" UniqueName="pagado" DataType="System.Decimal" DataFormatString="{0:#,##0.00}" > </telerik:GridNumericColumn>
<telerik:GridNumericColumn SortExpression="pendiente" HeaderText="Pendiente" HeaderButtonType="TextButton" DataField="pendiente" UniqueName="pendiente" DataType="System.Decimal" DataFormatString="{0:#,##0.00}" > </telerik:GridNumericColumn>
<telerik:GridBoundColumn SortExpression="id_empresa" HeaderText="ID Empresa" HeaderButtonType="TextButton" DataField="id_empresa" UniqueName="id_empresa" DataType="System.Int32" Visible="False"> </telerik:GridBoundColumn>
</Columns>
</telerik:GridTableView>
</DetailTables>
<ExpandCollapseColumn Visible="True"></ExpandCollapseColumn>
<Columns>
<telerik:GridTemplateColumn UniqueName="CheckBoxTemplateColumn" AllowFiltering ="False">
<HeaderTemplate>
<asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="True" Checked="False" oncheckedchanged="CheckBox2_CheckedChanged" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" Checked="False" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn UniqueName="ss" DataField="ss" HeaderText="Status"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="nombre_tipo_empresa" DataField="nombre_tipo_empresa" HeaderText="Tipo de Empresa"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="id_empresa" DataField="id_empresa" HeaderText="ID Empresa" DataType="System.Int32"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="nombre_empresa" DataField="nombre_empresa" HeaderText="Nombre"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Vendedor" DataField="Vendedor" HeaderText="Vendedor"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="fecha_alta" DataField="fecha_alta" HeaderText="Fecha Alta" DataFormatString="{0:dd/MM/yyyy}"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="fecha_baja" DataField="fecha_baja" HeaderText="Fecha Baja" DataFormatString="{0:dd/MM/yyyy}"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="vigencia" DataField="vigencia" HeaderText="Vigencia" DataFormatString="{0:dd/MM/yyyy}"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="RFC" DataField="RFC" HeaderText="RFC"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Calle_numero" DataField="Calle_numero" HeaderText="Dirección"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Colonia" DataField="Colonia" HeaderText="Colonia"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="CP" DataField="CP" HeaderText="CP"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Ciudad" DataField="Ciudad" HeaderText="Ciudad"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Estado" DataField="Estado" HeaderText="Estado"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Telefono" DataField="Telefono" HeaderText="Telefono"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_nombre_1" DataField="contacto_nombre_1" HeaderText="Nombre Contacto 1"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_puesto_1" DataField="contacto_puesto_1" HeaderText="Puesto Contacto 1"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_correo_1" DataField="contacto_correo_1" HeaderText="Correo Contacto 1"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_telefono_1" DataField="contacto_telefono_1" HeaderText="Telefono Contacto 1"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_nombre_2" DataField="contacto_nombre_2" HeaderText="Nombre Contacto 2"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_puesto_2" DataField="contacto_puesto_2" HeaderText="Puesto Contacto 2"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_correo_2" DataField="contacto_correo_2" HeaderText="Correo Contacto 2"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_telefono_2" DataField="contacto_telefono_2" HeaderText="Telefono Contacto 2"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_nombre_3" DataField="contacto_nombre_3" HeaderText="Nombre Contacto 3"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_puesto_3" DataField="contacto_puesto_3" HeaderText="Puesto Contacto 3"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_correo_3" DataField="contacto_correo_3" HeaderText="Correo Contacto 3"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_telefono_3" DataField="contacto_telefono_3" HeaderText="Telefono Contacto 3"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_nombre_4" DataField="contacto_nombre_4" HeaderText="Nombre Contacto 4"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_puesto_4" DataField="contacto_puesto_4" HeaderText="Puesto Contacto 4"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_correo_4" DataField="contacto_correo_4" HeaderText="Correo Contacto 4"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_telefono_4" DataField="contacto_telefono_4" HeaderText="Telefono Contacto 4"> </telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<exportsettings>
<excel format="ExcelML" />
</exportsettings>
<ItemStyle Wrap="False" />
<HeaderStyle Wrap="False" />
<ClientSettings EnablePostBackOnRowClick="true" EnableRowHoverStyle="true">
<selecting allowrowselect="True" />
<Scrolling ScrollHeight="100%" AllowScroll="True" UseStaticHeaders="true" />
<Resizing AllowColumnResize="true" AllowRowResize="true" EnableRealTimeResize="true"/>
</ClientSettings>
</telerik:RadGrid>
In Internet Explorer 9. The control does not display the columns as it should inMasterTable both headers and data in rows, and I also piled Detail information as shown in the image RadGridImgIE9.jpg.
In Google Chrome stacked all the information from the MasterTable to detail, as shownin the image RadGridImgChrome.jpg.
I'm using version Q1 2009.
thanks
My code is as follows:
<telerik:RadGrid ID="RadGrid1"
ShowStatusBar="True"
DataSourceID="SqlDataSource1"
runat="server"
AutoGenerateColumns="False"
GridLines="None"
Skin="WebBlue"
Height="555px"
Width="1022px"
AllowFilteringByColumn="True"
AllowPaging="True" >
<GroupingSettings CaseSensitive="false" />
<PagerStyle Mode="NextPrevAndNumeric" />
<MasterTableView
CommandItemDisplay="Top"
DataSourceID="SqlDataSource1"
DataKeyNames="id_empresa"
AllowMultiColumnSorting="True"
nodetailrecordstext="No hay Pólizas que mostrar."
nomasterrecordstext="No hay Empresas que mostrar.">
<CommandItemTemplate>
<asp:Label ID="LabelTituloGrid" runat="server" Text="Listado de Empresas" Font-Bold="True"></asp:Label>
</CommandItemTemplate>
<DetailTables>
<telerik:GridTableView DataSourceID="SqlDataSource2" Width="10%" AllowFilteringByColumn="False" runat="server">
<ParentTableRelation>
<telerik:GridRelationFields DetailKeyField="id_empresa" MasterKeyField="id_empresa" />
</ParentTableRelation>
<ExpandCollapseColumn Visible="True"></ExpandCollapseColumn>
<Columns>
<telerik:GridBoundColumn SortExpression="no_poliza" HeaderText="No Póliza" HeaderButtonType="TextButton" DataField="no_poliza" UniqueName="no_poliza" > </telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="vigencia" HeaderText="Vigencia" HeaderButtonType="TextButton" DataField="vigencia" UniqueName="vigencia" > </telerik:GridBoundColumn>
<telerik:GridNumericColumn SortExpression="total" HeaderText="Total" HeaderButtonType="TextButton" DataField="total" UniqueName="total" DataType="System.Decimal" DataFormatString="{0:#,##0.00}" > </telerik:GridNumericColumn>
<telerik:GridNumericColumn SortExpression="pagado" HeaderText="Pagado" HeaderButtonType="TextButton" DataField="pagado" UniqueName="pagado" DataType="System.Decimal" DataFormatString="{0:#,##0.00}" > </telerik:GridNumericColumn>
<telerik:GridNumericColumn SortExpression="pendiente" HeaderText="Pendiente" HeaderButtonType="TextButton" DataField="pendiente" UniqueName="pendiente" DataType="System.Decimal" DataFormatString="{0:#,##0.00}" > </telerik:GridNumericColumn>
<telerik:GridBoundColumn SortExpression="id_empresa" HeaderText="ID Empresa" HeaderButtonType="TextButton" DataField="id_empresa" UniqueName="id_empresa" DataType="System.Int32" Visible="False"> </telerik:GridBoundColumn>
</Columns>
</telerik:GridTableView>
</DetailTables>
<ExpandCollapseColumn Visible="True"></ExpandCollapseColumn>
<Columns>
<telerik:GridTemplateColumn UniqueName="CheckBoxTemplateColumn" AllowFiltering ="False">
<HeaderTemplate>
<asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="True" Checked="False" oncheckedchanged="CheckBox2_CheckedChanged" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" Checked="False" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn UniqueName="ss" DataField="ss" HeaderText="Status"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="nombre_tipo_empresa" DataField="nombre_tipo_empresa" HeaderText="Tipo de Empresa"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="id_empresa" DataField="id_empresa" HeaderText="ID Empresa" DataType="System.Int32"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="nombre_empresa" DataField="nombre_empresa" HeaderText="Nombre"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Vendedor" DataField="Vendedor" HeaderText="Vendedor"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="fecha_alta" DataField="fecha_alta" HeaderText="Fecha Alta" DataFormatString="{0:dd/MM/yyyy}"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="fecha_baja" DataField="fecha_baja" HeaderText="Fecha Baja" DataFormatString="{0:dd/MM/yyyy}"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="vigencia" DataField="vigencia" HeaderText="Vigencia" DataFormatString="{0:dd/MM/yyyy}"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="RFC" DataField="RFC" HeaderText="RFC"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Calle_numero" DataField="Calle_numero" HeaderText="Dirección"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Colonia" DataField="Colonia" HeaderText="Colonia"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="CP" DataField="CP" HeaderText="CP"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Ciudad" DataField="Ciudad" HeaderText="Ciudad"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Estado" DataField="Estado" HeaderText="Estado"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Telefono" DataField="Telefono" HeaderText="Telefono"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_nombre_1" DataField="contacto_nombre_1" HeaderText="Nombre Contacto 1"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_puesto_1" DataField="contacto_puesto_1" HeaderText="Puesto Contacto 1"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_correo_1" DataField="contacto_correo_1" HeaderText="Correo Contacto 1"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_telefono_1" DataField="contacto_telefono_1" HeaderText="Telefono Contacto 1"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_nombre_2" DataField="contacto_nombre_2" HeaderText="Nombre Contacto 2"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_puesto_2" DataField="contacto_puesto_2" HeaderText="Puesto Contacto 2"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_correo_2" DataField="contacto_correo_2" HeaderText="Correo Contacto 2"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_telefono_2" DataField="contacto_telefono_2" HeaderText="Telefono Contacto 2"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_nombre_3" DataField="contacto_nombre_3" HeaderText="Nombre Contacto 3"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_puesto_3" DataField="contacto_puesto_3" HeaderText="Puesto Contacto 3"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_correo_3" DataField="contacto_correo_3" HeaderText="Correo Contacto 3"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_telefono_3" DataField="contacto_telefono_3" HeaderText="Telefono Contacto 3"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_nombre_4" DataField="contacto_nombre_4" HeaderText="Nombre Contacto 4"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_puesto_4" DataField="contacto_puesto_4" HeaderText="Puesto Contacto 4"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_correo_4" DataField="contacto_correo_4" HeaderText="Correo Contacto 4"> </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="contacto_telefono_4" DataField="contacto_telefono_4" HeaderText="Telefono Contacto 4"> </telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<exportsettings>
<excel format="ExcelML" />
</exportsettings>
<ItemStyle Wrap="False" />
<HeaderStyle Wrap="False" />
<ClientSettings EnablePostBackOnRowClick="true" EnableRowHoverStyle="true">
<selecting allowrowselect="True" />
<Scrolling ScrollHeight="100%" AllowScroll="True" UseStaticHeaders="true" />
<Resizing AllowColumnResize="true" AllowRowResize="true" EnableRealTimeResize="true"/>
</ClientSettings>
</telerik:RadGrid>