Hi,
In my current project, one of the web pages displays a read only grid as follows:
<telerik:RadGrid ID="rgDetails" CssClass="CustomGrid" AllowSorting="true" AutoGenerateColumns="false" GridLines="Vertical" OnNeedDataSource="rgDetails_NeedDataSource" runat="server"> |
<ClientSettings> |
<Scrolling UseStaticHeaders="true" /> |
</ClientSettings> |
<MasterTableView TableLayout="Fixed"> |
<Columns> |
<telerik:GridBoundColumn DataField="EffectiveDate" DataFormatString="{0:dd/MM/yyyy}" DataType="System.DateTime" HeaderText="Effective Date" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="10%" ItemStyle-HorizontalAlign="Left" UniqueName="EffectiveDate" /> |
<telerik:GridBoundColumn DataField="Duid" DataType="System.String" HeaderText="Duid" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="18%" ItemStyle-HorizontalAlign="Left" UniqueName="Duid" /> |
<telerik:GridBoundColumn DataField="MaxCapacity" DataFormatString="{0:N0}" DataType="System.Int32" HeaderText="Maximum Capacity" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="18%" ItemStyle-HorizontalAlign="Left" UniqueName="MaxCapacity" /> |
<telerik:GridBoundColumn DataField="RegisteredCapacity" DataFormatString="{0:N0}" DataType="System.Int32" HeaderText="Registered Capacity" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="18%" ItemStyle-HorizontalAlign="Left" UniqueName="RegisteredCapacity" /> |
<telerik:GridBoundColumn DataField="GenunitCount" DataFormatString="{0:N0}" DataType="System.Int32" HeaderText="Genunit Count" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="18%" ItemStyle-HorizontalAlign="Left" UniqueName="GenunitCount" /> |
<telerik:GridBoundColumn DataField="WaterUtilisation" DataFormatString="{0:N0}" DataType="System.Int32" HeaderText="Water Utilisation" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="18%" ItemStyle-HorizontalAlign="Left" UniqueName="WaterUtilisation" /> |
</Columns> |
</MasterTableView> |
</telerik:RadGrid> |
The code behind is as follows:
protected void rgDetails_NeedDataSource(object sender, GridNeedDataSourceEventArgs e) |
{ |
this.rgDetails.DataSource = StationDeclaration.GelfStation.GelfStationDetails; |
} |
The grid is displayed correctly initially as follows:
However, when the brower is resized the contents of the grid disappears as follows:
I can't see what's happened with the code.
I have similar read only grids on the other web pages in the same application, but they don't have this problem.
Can you please help me?
Thanks & regards,
Herman Gouw
Skype: hermangouw