GridView合并表头单元格

icyL

于 2019-07-10 22:09:10 发布

阅读量592

点赞数

分类专栏： ASP

本文链接：https://blog.csdn.net/weixin_44090220/article/details/95382578

版权

本文介绍了如何在ASP项目的GridView控件中实现表头单元格的合并。通过设置前台OnRowCreated事件及后台代码，调整RowSpan和ColumnSpan属性，可以创建出类似Excel的合并表头效果。参考链接指向了详细步骤的文章。

摘要由CSDN通过智能技术生成

在ASP项目中拖入GridView控件的默认样式是：
在这里插入图片描述
如果我们要实现表头单元格合并，即下图这种形式，那么就需要在前台和后台都进行相关的设置。
表头合并后截图
在前台最主要的是为GridView设置OnRowCreated事件。
前台代码：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"  OnRowCreated="Merge_Header" >
  <Columns>
      <asp:BoundField HeaderText="客房编号" DataField="Rid" />
      <asp:ImageField DataImageUrlField="RimageUrl" HeaderText="客房图片" DataImageUrlFormatString="./images/{0}">
         <ControlStyle Width="200px" Height="100px"></ControlStyle>
      </asp:ImageField>
      <asp:BoundField HeaderTe