weird disappearing datagrid

Hi, I got problem with datagrids. I have a page with 3 datagrids from top to bottom, each displaying different data. The first datagrid is causing the other 2 datagrids below to disappear when the first one has too many fields in it. My first datagrid will only display the first row when it has more than 4 bound columns. But when I limit the bound columns displayed then the webpage will be normal again.

I have tried remove the first datagrid and create new one but it still cause problems. Even if I set the autoGenerateColumns to true it is still the same.

Can anyone please look into my codes? This is so weird.

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm1.aspx.vb" Inherits="ED1.ED1.WebForm1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>WebForm1</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
</HEAD>
<body>
<form id="Form1" method="post" runat="server">

<IMG alt="" src="file:///S:\_NET\EMS\Image\picUp2.PNG">
 

<TABLE id="Table1" cellSpacing="1" cellPadding="1" width="416" border="0">
<TR>
<TD></TD>
<TD><asp:label id="lblEvent" runat="server" Font-Size="Large">Event Details</asp:label></TD>
<TD></TD>
</TR>
<TR>
<TD><asp:label id="lblEvtName" runat="server" Font-Size="Medium">Event Name</asp:label></TD>
<TD><asp:textbox id="txtEvtName" runat="server" BorderStyle="None" MaxLength="45" ReadOnly="false"></asp:textbox></TD>
<TD></TD>
</TR>
<TR>
<TD style="HEIGHT: 3px"><asp:label id="lblDescription" runat="server" Font-Size="Medium">Description</asp:label></TD>
<TD style="HEIGHT: 3px"><asp:textbox id="txtDescription" runat="server" BorderStyle="None" MaxLength="45" ReadOnly="false"></asp:textbox></TD>
<TD style="HEIGHT: 3px"></TD>
</TR>
<TR>
<TD><asp:label id="lblVenue" runat="server" Font-Size="Medium">Venue</asp:label></TD>
<TD><asp:textbox id="txtVenue" runat="server" BorderStyle="None" MaxLength="45" ReadOnly="false"></asp:textbox>
<TD></TD>
</TR>
<TR>
<TD style="HEIGHT: 10px"><asp:label id="lblEvtDate" runat="server" Font-Size="Medium">Event Date</asp:label></TD>
<TD style="HEIGHT: 10px"><asp:textbox id="txtEvtDate" runat="server" BorderStyle="None" MaxLength="10" ReadOnly="false"></asp:textbox>
<TD style="HEIGHT: 10px"></TD>
</TR>
<TR>
<TD style="HEIGHT: 26px"><asp:label id="lblClosingDate" runat="server" Font-Size="Medium">Closing Date</asp:label></TD>
<TD style="HEIGHT: 26px"><asp:textbox id="txtClosingDate" runat="server" BorderStyle="None" MaxLength="10" ReadOnly="false"></asp:textbox>
<TD style="HEIGHT: 26px"></TD>
</TR>
<TR>
<TD style="HEIGHT: 21px"><asp:label id="lblTime" runat="server" Font-Size="Medium">Time</asp:label></TD>
<TD style="HEIGHT: 21px"><asp:textbox id="txtTime" runat="server" BorderStyle="None" MaxLength="45" ReadOnly="false"></asp:textbox>
<TD style="HEIGHT: 21px"></TD>
</TR>
<TR>
<TD><asp:label id="lblFees" runat="server" Font-Size="Medium">Fees</asp:label></TD>
<TD><asp:textbox id="txtFees" runat="server" BorderStyle="None" MaxLength="45" ReadOnly="false"></asp:textbox>
<TD></TD>
</TR>
<TR>
<TD style="HEIGHT: 4px"><asp:label id="lblContactName" runat="server" Font-Size="Medium">Contact Name</asp:label></TD>
<TD style="HEIGHT: 4px"><asp:textbox id="txtContactName" runat="server" BorderStyle="None" MaxLength="45" ReadOnly="false"></asp:textbox>
<TD style="HEIGHT: 4px"></TD>
</TR>
<TR>
<TD><asp:label id="lblContactTel" runat="server" Font-Size="Medium">Contact Tel</asp:label></TD>
<TD><asp:textbox id="txtContactTel" runat="server" BorderStyle="None" MaxLength="45" ReadOnly="false"></asp:textbox>
<TD></TD>
</TR>
<TR>
<TD><asp:label id="lblContactMail" runat="server" Font-Size="Medium">Contact Mail</asp:label></TD>
<TD><asp:textbox id="txtContactMail" runat="server" BorderStyle="None" MaxLength="45" ReadOnly="false"></asp:textbox>
<TD></TD>
</TR>
</TABLE>

 <asp:label id="lblCommitee" runat="server">Commitee:</asp:label>
<asp:datagrid id="dgCommitee" runat="server" Width="701px" OnDeleteCommand="delete_Comm" AutoGenerateColumns="False">
<Columns>
<asp:BoundColumn DataField="EventDivision" HeaderText="Event Div."></asp:BoundColumn>
<asp:BoundColumn DataField="Name" HeaderText="Name"></asp:BoundColumn>
<asp:BoundColumn DataField="Tel" HeaderText="Tel"></asp:BoundColumn>
<asp:BoundColumn DataField="Email" HeaderText="Email"></asp:BoundColumn>
<asp:BoundColumn DataField="Dept" HeaderText="Department"></asp:BoundColumn>
<asp:BoundColumn DataField="EmergencyCN" HeaderText="Emergency Contact"></asp:BoundColumn>
<asp:BoundColumn DataField="EmergencyTel" HeaderText="Emergency Tel."></asp:BoundColumn>
<asp:ButtonColumn Text="delete" HeaderText="Delete" CommandName="delete"></asp:ButtonColumn>
<asp:TemplateColumn Visible="False" HeaderText="CommiteeID">
<ItemTemplate>
<asp:TextBox ID="txtComm" Text='<%# DataBinder.Eval(Container.DataItem, "Committee_ID") %>' Runat="server" >
</asp:TextBox>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:datagrid>


<asp:label id="lblNotPaid" runat="server">Participants who have not paid:</asp:label>
<asp:datagrid id="dgNotPaid" BorderStyle="None" BorderColor="#999999" BorderWidth="1px" BackColor="White"
CellPadding="3" GridLines="Vertical" AutoGenerateColumns="False" Runat="server">
<SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#008A8C"></SelectedItemStyle>
<AlternatingItemStyle BackColor="#DCDCDC"></AlternatingItemStyle>
<ItemStyle ForeColor="Black" BackColor="#EEEEEE"></ItemStyle>
<HeaderStyle Font-Bold="True" ForeColor="White" BackColor="#000084"></HeaderStyle>
<FooterStyle ForeColor="Black" BackColor="#CCCCCC"></FooterStyle>
<Columns>
<asp:BoundColumn DataField="Name" HeaderText="Name"></asp:BoundColumn>
<asp:BoundColumn DataField="Tel" HeaderText="Tel"></asp:BoundColumn>
<asp:BoundColumn DataField="Email" HeaderText="Email"></asp:BoundColumn>
<asp:BoundColumn DataField="Department" HeaderText="Dept"></asp:BoundColumn>
<asp:BoundColumn DataField="EmergencyCN" HeaderText="Emergency Contact"></asp:BoundColumn>
<asp:BoundColumn DataField="EmergencyTel" HeaderText="Emergency Tel"></asp:BoundColumn>
<asp:BoundColumn DataField="No_Of_Guest" HeaderText="Num. of Guests"></asp:BoundColumn>
<asp:TemplateColumn Visible="False" HeaderText="PeoplewiseID">
<ItemTemplate>
<asp:Label ID="lblpplwiseID" Text='<%# DataBinder.Eval(Container.DataItem,"Peoplewise_ID") %>' Runat="server" />
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Payment">
<ItemStyle HorizontalAlign="Center"></ItemStyle>
<ItemTemplate>
<asp:CheckBox ID="chkSelection" Runat="server" />
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
<PagerStyle HorizontalAlign="Center" ForeColor="Black" BackColor="#999999" Mode="NumericPages"></PagerStyle>
</asp:datagrid>
<asp:button id="btnShow" onclick="ShowSelections" Runat="server" Text="Update Payment"></asp:button> 

 <asp:label id="lblPartPaid" runat="server">Participants who have paid:</asp:label>
<asp:datagrid id="dgPaid" runat="server" BorderStyle="None" Width="729px" BorderColor="#999999"
BorderWidth="1px" BackColor="White" CellPadding="3" GridLines="Vertical" AutoGenerateColumns="False">
<SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#008A8C"></SelectedItemStyle>
<AlternatingItemStyle BackColor="#DCDCDC"></AlternatingItemStyle>
<ItemStyle ForeColor="Black" BackColor="#EEEEEE"></ItemStyle>
<HeaderStyle Font-Bold="True" ForeColor="White" BackColor="#000084"></HeaderStyle>
<FooterStyle ForeColor="Black" BackColor="#CCCCCC"></FooterStyle>
<Columns>
<asp:BoundColumn DataField="Name" HeaderText="Name"></asp:BoundColumn>
<asp:BoundColumn DataField="Tel" HeaderText="Tel"></asp:BoundColumn>
<asp:BoundColumn DataField="Email" HeaderText="Email"></asp:BoundColumn>
<asp:BoundColumn DataField="Department" HeaderText="Dept"></asp:BoundColumn>
<asp:BoundColumn DataField="EmergencyCN" HeaderText="Emergency Contact"></asp:BoundColumn>
<asp:BoundColumn DataField="EmergencyTel" HeaderText="Emergency Tel"></asp:BoundColumn>
<asp:BoundColumn DataField="No_Of_Guest" HeaderText="Num. of Guests"></asp:BoundColumn>
</Columns>
<PagerStyle HorizontalAlign="Center" ForeColor="Black" BackColor="#999999" Mode="NumericPages"></PagerStyle>
</asp:datagrid>
</form>
<asp:label id="lblSelections" Font-Size="10px" Runat="server" Height="8px" Font-Name="Verdana"></asp:label>
<IMG alt="" src="file:///S:\_NET\EMS\Image\coverDown2.PNG">
</body>
</HTML>

[11823 byte] By [viviensiu] at [2007-11-11 7:31:59]

This is a Technology portal site for all the developer, It's a community, here you can post your question when you are learning, working, and soso...we'll make it better than yesterday Everyday...

weird disappearing datagrid

Developer Tech

All Classified

Developer Tech New Topic

Developer Tech Hot Topic