Создайте 2 строки заголовка в Gridview ASP.Net

Question

У меня есть вид сетки в веб-форме.(Шаблон ниже)

Используется следующий html

<div class="table-responsive">
            <asp:GridView ID="gv1" EnableViewState="False" AutoGenerateColumns="False" runat="server" OnRowDataBound="gv1_DataBound"
                CssClass="table table-bordered" AllowPaging="False" AllowCustomPaging="False" OnRowCreated="gv1_RowCreated" DataKeyNames="CusomerId">
                <Columns>
                    <asp:BoundField DataField="Name" HeaderText="NAME" ItemStyle-Font-Bold="true" />
                    <asp:BoundField DataField="Value1" HeaderText="VALUE COLUMN" HeaderStyle-CssClass="text-center" HeaderStyle-Wrap="true" HtmlEncode="False" ItemStyle-HorizontalAlign="Right" />
                    <asp:BoundField DataField="Value1" HeaderText="VALUE COLUMN" HeaderStyle-CssClass="text-center" HtmlEncode="False" ItemStyle-HorizontalAlign="Right" />
                    <asp:BoundField DataField="Value1" HeaderText="VALUE COLUMN" HeaderStyle-CssClass="text-center" HtmlEncode="False" ItemStyle-HorizontalAlign="Right" />
                    <asp:BoundField DataField="Value1" HeaderText="VALUE COLUMN" HeaderStyle-CssClass="text-center" HtmlEncode="False" ItemStyle-HorizontalAlign="Right" />
                    <asp:BoundField DataField="Value1" HeaderText="VALUE COLUMN" HeaderStyle-CssClass="text-center" HtmlEncode="False" ItemStyle-HorizontalAlign="Right" />
                    <asp:BoundField DataField="Value1" HeaderText="VALUE COLUMN" HeaderStyle-CssClass="text-center" HeaderStyle-Wrap="true" HeaderStyle-Font-Bold="true" HtmlEncode="False" ItemStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Right" />
                    <asp:BoundField DataField="Value1" HeaderText="VALUE COLUMN" HeaderStyle-CssClass="text-center" HtmlEncode="False" ItemStyle-HorizontalAlign="Right" />
                </Columns>
            </asp:GridView>

Затем в коде позади я добавляю 2 заголовка в сетку («Заголовок 1» и'Заголовок 2')

    protected void gv1_RowCreated(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.Header)
        {
            // Create Header 1
            var Headergrid = (GridView)sender;
            var Headergridrow = new GridViewRow(1, -1, DataControlRowType.Header, DataControlRowState.Insert);
            var Headercelll = new TableCell();

            Headercelll.Text = "HEADER 1";
            Headercelll.Font.Bold = true;
            Headercelll.ColumnSpan = 7;
            Headergridrow.Cells.Add(Headercelll);

            // Create Header 2 
            var Headercell2 = new TableCell();
            Headercell2.Text = "HEADER 2";
            Headercell2.Font.Bold = true;
            Headercell2.ColumnSpan = 4;
            Headergridrow.Cells.Add(Headercell2);   

            // Add both new headers to gridview
            Headergrid.Controls[0].Controls.AddAt(0, Headergridrow);
        }
    }

Это нормально и работает, но теперь мне нужно добавить под заголовки под заголовки и попробовать все, что я знаю, чтобы сделать это.

Ниже приведено какМне нужно, чтобы отображаемая сетка отображалась с 3 новыми подзаголовками:

Если новые заголовки (выделены фиолетовым) должны охватывать все столбцы,это нормально :) 1021

Все идеи приветствуются!