关闭

GridView多行合并表头的实现

1157人阅读 评论(0) 收藏 举报

表格的多行复合表头是在开发中经常遇到的问题,怎么扩展GridView控件以实现多行表头呢

主体思路是这样的,GridView在ASP.NET中最终是转化为html的表格格式来显示的,所以我们要在其中做点文章,
看下面这段代码:
    //在GridView的RowCreated事件中重写表头
    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 = "标题s";
            Label l1 = new Label();
            l1.Text = "uu";
            Button bt = new Button();
            bt.Text = "1";
            //因为自定义表头,所以原来系统中实现的排序功能就失效了
        //下面语句可以自己在表头中添加控件,自己实现排序功能

            tcl[0].Controls.Add(l1);
            tcl[0].Controls.Add(bt);

            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;
            //这段是重点 其实在生成的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";


        }
    }


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:116451次
    • 积分:1900
    • 等级:
    • 排名:千里之外
    • 原创:54篇
    • 转载:71篇
    • 译文:0篇
    • 评论:9条
    文章分类
    最新评论