I am struggling with aligning the header and content in my gridview. I want the shirts to be underneath the header item, with the description moved to the left and the price 336 moved to the right. Something like this:
https://i.sstatic.net/2i2IR.png
Here is the code I am working with:
<asp:GridView ID="grdShoppingCart" runat="server" AutoGenerateColumns="false" class="ui-responsive table-stroke ss-table ui-search-result-table" GridLines="None">
<Columns>
<asp:BoundField DataField="item" HeaderText="Item" HeaderStyle-Font-Bold="true" ItemStyle-Width="35%" />
<asp:TemplateField HeaderText="Description" HeaderStyle-Font-Bold="true" ItemStyle-Width="35%" >
<ItemTemplate>
<asp:Label ID="lblDesc" runat="server" Text='<%# Eval("desc") %>' /><br />
Requested By: <asp:Label ID="lblDesc1" runat="server" Text='<%# Eval("RequestedBy") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Quantity" ItemStyle-Width="10%" >
<ItemTemplate>
<input type="number" id="txtQuantity" value='<%# Eval("Quantity") %>' style="text-align:right;" data-mini="true" min="1" max="100" runat="server"/>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Price" ItemStyle-Width="100%" HeaderStyle-HorizontalAlign="Right">
<ItemTemplate>
<asp:Label ID="lblPrice" runat="server" Text= '<%# Int32.Parse(Eval("Quantity").ToString()) * 28 %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
Any assistance would be greatly appreciated.