I have a very simple RadGrid (no filters or edit template) inside a RadAjaxpanel and it renders fine on IE. But on Chrome the column widths are not assigned at all and the whole table expands assuming some random widths for the columns. Here is my grid declaration.
I've also attached how it looks on both IE and Chrome.
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" OnAjaxRequest="RadAjaxPanel1_AjaxRequest">
<div id="DivDetailGrid" style=" height:210px; display:none">
<asp:Panel ID="Panel2" runat="server">
<telerik:RadGrid ID="SeriesGrid" runat="server" Skin="Gray" EnableViewState="false" AutoGenerateColumns="False" EnableEmbeddedSkins="False" AllowPaging="False" AllowSorting="true" GridLines="None" OnNeedDataSource="SeriesGrid_NeedDataSource" OnItemDataBound="SeriesGrid_ItemDataBound" Height="380px">
<ClientSettings>
<Selecting AllowRowSelect="false" />
<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="false" />
<ClientEvents OnGridCreated="detailCreated" />
</ClientSettings>
<MasterTableView TableLayout="Fixed" ClientDataKeyNames="Cusip" >
<Columns>
<telerik:GridBoundColumn DataField="Cusip" HeaderText="Cusip" HeaderStyle-Width="82px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Links" UniqueName="links" HeaderText="Links" HeaderStyle-Width="62px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Coupon" HeaderText="Cpn" HeaderStyle-Width="42px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="MaturityDate" HeaderText="Stated Maturity" HeaderStyle-Width="92px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="NextCallDate" HeaderText="Next Call Date" HeaderStyle-Width="92px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="RefundStat" HeaderText="Refund Stat" HeaderStyle-Width="57px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="EffectiveMaturityDate" HeaderText="Effective Maturity" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="muni_issue_yld" HeaderText="Issue Yld" HeaderStyle-Width="58px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="spread_to_mmd" HeaderText="Spread to MMD" HeaderStyle-Width="66px" DataFormatString="{0:N0}" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="MaturitySize" HeaderText="Maturity Size (000s)" HeaderStyle-Width="82px" DataFormatString="{0:N0}" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="AMT_OUTSTANDING" HeaderText="Amt Outst (000s)" HeaderStyle-Width="87px" DataFormatString="{0:N0}" ></telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
</asp:Panel>
</div>
</telerik:RadAjaxPanel>
I've also attached how it looks on both IE and Chrome.
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" OnAjaxRequest="RadAjaxPanel1_AjaxRequest">
<div id="DivDetailGrid" style=" height:210px; display:none">
<asp:Panel ID="Panel2" runat="server">
<telerik:RadGrid ID="SeriesGrid" runat="server" Skin="Gray" EnableViewState="false" AutoGenerateColumns="False" EnableEmbeddedSkins="False" AllowPaging="False" AllowSorting="true" GridLines="None" OnNeedDataSource="SeriesGrid_NeedDataSource" OnItemDataBound="SeriesGrid_ItemDataBound" Height="380px">
<ClientSettings>
<Selecting AllowRowSelect="false" />
<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="false" />
<ClientEvents OnGridCreated="detailCreated" />
</ClientSettings>
<MasterTableView TableLayout="Fixed" ClientDataKeyNames="Cusip" >
<Columns>
<telerik:GridBoundColumn DataField="Cusip" HeaderText="Cusip" HeaderStyle-Width="82px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Links" UniqueName="links" HeaderText="Links" HeaderStyle-Width="62px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Coupon" HeaderText="Cpn" HeaderStyle-Width="42px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="MaturityDate" HeaderText="Stated Maturity" HeaderStyle-Width="92px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="NextCallDate" HeaderText="Next Call Date" HeaderStyle-Width="92px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="RefundStat" HeaderText="Refund Stat" HeaderStyle-Width="57px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="EffectiveMaturityDate" HeaderText="Effective Maturity" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="muni_issue_yld" HeaderText="Issue Yld" HeaderStyle-Width="58px" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="spread_to_mmd" HeaderText="Spread to MMD" HeaderStyle-Width="66px" DataFormatString="{0:N0}" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="MaturitySize" HeaderText="Maturity Size (000s)" HeaderStyle-Width="82px" DataFormatString="{0:N0}" ></telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="AMT_OUTSTANDING" HeaderText="Amt Outst (000s)" HeaderStyle-Width="87px" DataFormatString="{0:N0}" ></telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
</asp:Panel>
</div>
</telerik:RadAjaxPanel>