Gridview несколько строк заголовка в C #

Question

Как показать многорядный заголовок в gridview в asp.net?

Мне нужно использовать шаблон заголовка и шаблон элемента и оформить его в соответствии с моими требованиями

Я попробовал приведенный ниже код, но не понимаю, потому что столбцы не выровнены.

Вывод:

Пожалуйста, вы можете мне помочь?

Заранее спасибо за помощь.

Мой код ниже

    <asp:GridView ID="gvCustomers" runat="server"
        AutoGenerateColumns="false" CssClass="mGrid"
        HorizontalAlign="Center"
        Width="100"
        DataKeyNames="sID">
        <Columns>


            <asp:TemplateField>
                <ItemTemplate>
                    <asp:ImageButton ID="imgOrdersShow"
                        runat="server" OnClick="Show_Hide_OrdersGrid"
                        ImageUrl="/aspnet/img/plus.png"
                        CommandArgument="Show" />                
                </ItemTemplate>
            </asp:TemplateField>



            <asp:TemplateField>
                <HeaderTemplate>
                    <th colspan="6">Category</th>
                    <tr class="gvHeader">
                        <th style="width: 0px"></th>
                        <th colspan="3">Hardware</th>
                        <th colspan="3">Software</th>
                    </tr>
                    <tr class="gvHeader">
                        <th></th>
                        <th>S. No.</th>

                    </tr>
                </HeaderTemplate>
                <ItemTemplate>
                    <td>test1</td>
                    <td>test2</td>
                    <td>test3</td>
                    <td>test4</td>
                    <td>test5</td>
                </ItemTemplate>
            </asp:TemplateField>


        </Columns>
    </asp:GridView>

Answer 1

Попробуйте это:

<asp:GridView ID="gvCustomers" runat="server"
        AutoGenerateColumns="false" 
        CssClass="mGrid"
        HorizontalAlign="Center"
        DataKeyNames="sID">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:ImageButton ID="imgOrdersShow"
                        runat="server" 
                        OnClick="Show_Hide_OrdersGrid"
                        ImageUrl="/aspnet/img/plus.png"
                        CommandArgument="Show" />                
                </ItemTemplate>
            </asp:TemplateField>

                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:Label ID="Label1" 
                            runat="server"
                            Text="S. No."
                            ToolTip="S. No.">
                        </asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>

                <asp:TemplateField>
                    <HeaderTemplate>
                        <table>
                            <tr>
                                <th colspan="18">Category</th>
                            </tr>
                            <tr>
                                <th colspan="2">Hardware</th>
                                <th colspan="2">Software</th>
                                <th colspan="2">Hardware1</th>
                                <th colspan="2">Software1</th>
                            </tr>
                            <tr>
                                <td>test1</td>
                                <td>test2</td>
                                <td>test3</td>
                                <td>test4</td>
                                <td>test5</td>
                                <td>test6</td>
                                <td>test7</td>
                                <td>test8</td>
                            </tr>
                        </table>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <table>
                            <tr>
                                <td>your value</td>
                                <td>your value</td>
                                <td>your value</td>
                                <td>your value</td>
                                <td>your value</td>
                                <td>your value</td>
                                <td>your value</td>
                                <td>your value</td>
                            </tr>
                        </table>
                    </ItemTemplate>
                </asp:TemplateField>

        </Columns>
    </asp:GridView>