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";


        }

    }

原文地址:https://www.cnblogs.com/Fooo/p/713426.html