Databases
StackOverflow2013
Postsdbo
POnested gridview C#
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POnested gridview C#
    text
    copied!<p>I have a nested gridview in my page. The first one is used like a header, so this will display the segment name. The second one is used to display the segment details. Everything works great except I am having problem in styling the first grid. The way I want to display data in this page is Segment (Line Break) Details</p> <p>But it displays as Segment Details in one row. How would I make the grids appear in two row that takes the whole width of the page. Here is how its set up currently.</p> <pre><code>&lt;asp:GridView ID="gvSegments" runat="server" AutoGenerateColumns="false" GridLines="None" Width="900px" OnRowDataBound="gvSegments_RowDataBound"&gt; &lt;Columns&gt; &lt;asp:TemplateField ShowHeader="false"&gt; &lt;ControlStyle Width="140px" /&gt; &lt;ItemTemplate&gt; &lt;asp:HiddenField ID="hfSegmentId" runat="server" Value='&lt;%# Bind("SegmentId") %&gt;' /&gt; &lt;asp:Label ID="lblSegmentDesc" runat="server" Text='&lt;%# Bind("SegmentDesc") %&gt;' Font-Bold="true" /&gt; &lt;/ItemTemplate&gt; &lt;/asp:TemplateField&gt; &lt;asp:TemplateField ShowHeader="false"&gt; &lt;ItemTemplate&gt; &lt;asp:GridView ID="gvSegmentDetails" runat="server" AutoGenerateColumns="false" GridLines="None" OnRowDataBound="gvSegmentDetails_RowDataBound" Font-Size="11px"&gt; &lt;Columns&gt; &lt;asp:TemplateField ShowHeader="false"&gt; &lt;ItemStyle HorizontalAlign="Center" /&gt; &lt;ItemTemplate&gt; &lt;asp:CheckBox ID="chkAction" runat="server" /&gt; &lt;/ItemTemplate&gt; &lt;/asp:TemplateField&gt; &lt;asp:TemplateField HeaderText="Medium"&gt; &lt;ControlStyle Font-Size="11px" /&gt; &lt;ItemStyle HorizontalAlign="Center" /&gt; &lt;ItemTemplate&gt; &lt;asp:HiddenField ID="hfSegmentId" runat="server" Value='&lt;%# Bind("SegmentId") %&gt;' /&gt; &lt;asp:HiddenField ID="hfSegmentDetailId" runat="server" Value='&lt;%# Bind("SegmentDetailId") %&gt;' /&gt; &lt;asp:Label ID="lblMediaType" runat="server" Text='&lt;%# Bind("MediaTypeDesc") %&gt;' /&gt; &lt;/ItemTemplate&gt; &lt;/asp:TemplateField&gt; &lt;asp:TemplateField HeaderText="Cost per Piece"&gt; &lt;ItemStyle HorizontalAlign="Center" /&gt; &lt;ItemTemplate&gt; &lt;asp:Label ID="lblCostPerPiece" runat="server" Text='&lt;%# Bind("CostPerPiece") %&gt;' /&gt; &lt;/ItemTemplate&gt; &lt;/asp:TemplateField&gt; &lt;asp:TemplateField ShowHeader="false"&gt; &lt;ItemTemplate&gt; &lt;asp:LinkButton ID="lnkEditMedia" runat="server" Text="Details" OnClick="lnkEditMedia_Click" /&gt; &lt;/ItemTemplate&gt; &lt;/asp:TemplateField&gt; &lt;asp:TemplateField HeaderText="Advertising Months"&gt; &lt;ControlStyle Font-Size="11px" /&gt; &lt;ItemStyle HorizontalAlign="Center" /&gt; &lt;ItemTemplate&gt; &lt;asp:Label ID="lblAdvertisingMonths" runat="server" Text='&lt;%# Bind("Months") %&gt;' /&gt; &lt;/ItemTemplate&gt; &lt;/asp:TemplateField&gt; &lt;asp:TemplateField HeaderText="Budget"&gt; &lt;ControlStyle Width="70px" Font-Size="11px" /&gt; &lt;ItemStyle HorizontalAlign="Center" /&gt; &lt;ItemTemplate&gt; &lt;asp:Label ID="txtBudget" runat="server" Text='&lt;%# Bind("DropAmount", "{0:$###,###,##0.00}") %&gt;' /&gt; &lt;/ItemTemplate&gt; &lt;/asp:TemplateField&gt; &lt;asp:TemplateField HeaderText="Total Quantity"&gt; &lt;ItemStyle HorizontalAlign="Center" /&gt; &lt;ControlStyle Width="50px" Font-Size="11px" /&gt; &lt;ItemTemplate&gt; &lt;asp:Label ID="lblTotalQty" runat="server" Text='&lt;%# Bind("DropQuantity") %&gt;' /&gt; &lt;/ItemTemplate&gt; &lt;/asp:TemplateField&gt; &lt;asp:TemplateField HeaderText="Select Creative"&gt; &lt;ControlStyle Font-Size="11px" /&gt; &lt;ItemTemplate&gt; &lt;asp:DropDownList ID="ddrCreative" runat="server" AppendDataBoundItems="true" OnSelectedIndexChanged="ddrCreative_SelectedChanged" AutoPostBack="true"&gt; &lt;asp:ListItem Value="-1" Text="Select One" Selected="True" /&gt; &lt;/asp:DropDownList&gt; &lt;/ItemTemplate&gt; &lt;/asp:TemplateField&gt; &lt;asp:TemplateField ShowHeader="false"&gt; &lt;ControlStyle Font-Size="11px" /&gt; &lt;ItemTemplate&gt; &lt;asp:HiddenField ID="hfCreativeUrl" runat="server" /&gt; &lt;asp:HyperLink ID="hprCreativeUrl" runat="server" Target="_blank" Text="Click here" /&gt; &lt;/ItemTemplate&gt; &lt;/asp:TemplateField&gt; &lt;/Columns&gt; &lt;HeaderStyle BackColor="#a73e20" ForeColor="White" /&gt; &lt;AlternatingRowStyle BackColor="#E4E4E4" /&gt; &lt;RowStyle BackColor="#F7F7F7" /&gt; &lt;/asp:GridView&gt; &lt;/ItemTemplate&gt; &lt;/asp:TemplateField&gt; &lt;/Columns&gt; &lt;/asp:GridView&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload