zoukankan      html  css  js  c++  java
  • GRIDVIEW添加自定义表头

     

    protected void GVcaijuemian_RowCreated(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.Header)
            {

                    //创建一个GridViewRow,相当于表格的 TR 一行
                    GridViewRow rowHeader = new GridViewRow(0, 0, DataControlRowType.Header, DataControlRowState.Normal);
                    //string HeaderBackColor = "#00FFFF";
                    //rowHeader.BackColor = System.Drawing.ColorTranslator.FromHtml(HeaderBackColor);
                    Literal newCells = new Literal();
                    newCells.Text = @"回采</th>
                <th colspan='2'>
                    掘进</th>
                <th rowspan='2'>
                    编辑</th>
                <th rowspan='2'>
                    删除</th>
            </tr>
            <tr style='background-color:#969696;'>
                <th>
                    煤(半煤)巷</th>
                <th>
                    岩巷";
                    TableCellCollection cells = e.Row.Cells;
                    TableHeaderCell headerCell = new TableHeaderCell();
                    //下面的属性设置与 <td rowspan='2'>关键单元格</td> 要一致
                    headerCell.RowSpan = 2;
                    headerCell.Controls.Add(newCells);
                    rowHeader.Cells.Add(headerCell);
                    rowHeader.BackColor = Color.FromName("#969696");
                    //rowHeader.Cells.Add(headerCell);
                    rowHeader.Visible = true;
                    this.GVcaijuemian.Controls[0].Controls.AddAt(0, rowHeader);
                }
    }

    效果图如下

  • 相关阅读:
    下一代的前端构建工具:parcel打包react
    vue or react mvvm里的文字上下滚动
    CSS grid layout demo 网格布局实例
    js页面可视区域懒加载
    Vue双向绑定简单实现
    React Router 4.0中文快速入门
    Array.isArray() 和 isObject() 原生js实现
    60分钟课程: 用egg.js实现增删改查,文件上传和restfulApi, webpack react es6 (一)
    mirror.js 整合redux的好工具
    React-redux及异步获取数据20分钟快速入门
  • 原文地址:https://www.cnblogs.com/windphoenix/p/1420551.html
Copyright © 2011-2022 走看看