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