GridView二層表頭與三層表頭的設計。。。。。。。。。。。。。。。。。。。。。。。。

 最近做的項目用到了GridView多層表頭，問了很多人，自己感覺回答不是很明確，總結了一下，希望能夠使以後使用的兄弟們少走彎路。

                                                                             例圖一
         類似於上面的一個情況，乍一看，還以為要通過Table來實現哪，但是相信強大的GridView，於是開始尋找方法。一些前輩們的講解就是TableCellCollection 中添加TableHeaderCell(這應該是基礎的內容）。

        我自己的步驟是：現在Table中設計出來結構，然後將雙引號變成單引號，再添加到TableHeaderCell.text中就可以了。多複雜的DataGrid表頭都可以實現。

 

1            tcl.Add(New TableHeaderCell)
2            tcl(1).ColumnSpan = 2
3            tcl(1).Text = "Level1</td><td rowspan='2'>item3</td></tr><tr><td>Level2_1</td><td>level2_2"

        表頭樣式的設計預設是開頭提供<tr><td>，結尾提供</td></tr>的，所以你如果需要對第一個儲存格（由於預設無法修改開頭屬性，所以你無法通過例圖一中第三行直接定義ColumnSpan），如例圖一中所示，如果兩行設計中“個人疾病危險性評估”為第一個儲存格，則需要在後台代碼需要添加例圖一中第二行關於ColumnSpan的定義。
       希望對還不會使用GridView多層表頭設計的兄弟們有所協助！

GridView二層表頭

 protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.Header)
        {
            TableCellCollection tcl = e.Row.Cells;
            //清除自動產生的表頭
            tcl.Clear();

            //添加新的表頭
            tcl.Add(new TableHeaderCell());
            tcl[0].RowSpan = 2;                                //合并行
            tcl[0].Text = "標題1";
            Label l1 = new Label();
            l1.Text = "標題1";
            //因為自訂表格頭,所以原來系統中實現的排序功能就失效了
            //下面語句可以自己在表頭中添加控制項,自己實現排序功能
            tcl[0].Controls.Add(l1);
         

            tcl.Add(new TableHeaderCell());
            tcl[1].ColumnSpan = 2;                             //合并列
            tcl[1].Text = "標題2";

            tcl.Add(new TableHeaderCell());
            tcl[2].RowSpan = 2;                                //合并行
            tcl[2].Text = "標題3";

            tcl.Add(new TableHeaderCell());
            tcl[3].ColumnSpan = 3;                             //合并列
            tcl[3].Text = "標題4";  

            tcl.Add(new TableHeaderCell());
            tcl[4].RowSpan = 2;                               //最後合并行

            tcl.Add(new TableHeaderCell());
            tcl[5].RowSpan = 2;                               //最後合并行

            tcl.Add(new TableHeaderCell());
            tcl[6].RowSpan = 2;                               //最後合并行

            tcl.Add(new TableHeaderCell());
            tcl[7].RowSpan = 2;

            tcl.Add(new TableHeaderCell());
            tcl[8].RowSpan = 2; 
           
            //這段是重點 其實在產生的html中tcl[4]轉化為<th>標題5</th>
            //所以依照該原則注入html標籤來實現,原理有些類似於SQL注入攻擊
            //tcl[4].Text = "標題5</th></tr><tr><th>標題2-1</th><th>標題2-2</th><th>標題4-1</th><th>標題4-2</th><th>標題4-3<th>標題6</th><th>標題7</th><th>標題8<th>標題9</th>";

           tcl[8].Text = "標題5</th></tr><tr><th>標題2-1</th><th>標題2-2</th><th>標題4-1</th><th>標題4-2</th><th>標題4-3";

        }

****************************************
GridView三層表頭

 protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.Header)
        {
            TableCellCollection tcl = e.Row.Cells;
            //清除自動產生的表頭
            tcl.Clear();

           
            //添加新的表頭
            tcl.Add(new TableHeaderCell());
            tcl[0].ColumnSpan = 12;                                //合并行
          
            tcl[0].Text = "dddddddddddddddddddddddddd</tr><tr><th>標題2-1</th><th>標題2-2</th><th>標題4-1</th><th>標題4-2</th><th>標題4-3</tr><tr><th>標題2-1</th><th>標題2-2";

        }

    }