GridView的多表头（排序）实例方法

在多表头中实现如下

的多表头实现思路：

第一：在页面编写界面代码。

第二：在后台实现逻辑编码。

第三：出来显现方式的样式。

编码实现：

第一界面编码：

 <table cellpadding="0" cellspacing="0" class="coolitePanleHeader" width="780px"><tr class="coolitePanleContent"><td><asp:GridView ID="grdRptPowerSafety" UseAccessibleHeader="false" runat="server"

　　　　　　　　AutoGenerateColumns="false" AllowSorting="true" OnRowCreated="grdRptPowerSafety_RowCreated" onsorting="grdRptPowerSafety_Sorting"><Columns><asp:BoundField HeaderText="上级企业名称" runat="server"  DataField="pname" Visible="false"

　　　　　　　　　　 ShowHeader="true"  ItemStyle-Width="126px"></asp:BoundField><asp:BoundField HeaderText="企业名称" runat="server"  DataField="dname" ShowHeader="true"

　　　　　　　　　　　　 ItemStyle-Width="126px"></asp:BoundField><asp:BoundField DataField="c04"  ShowHeader="true"   ItemStyle-Width="80px"/><asp:BoundField DataField="name" ShowHeader="true"  ItemStyle-Width="120px"/><asp:BoundField DataField="c02"  ShowHeader="true"  ItemStyle-Width="60px"/><asp:BoundField DataField="f01"   HeaderText="本月" ItemStyle-Width="40px" SortExpression="f01"/><asp:BoundField DataField="f02" HeaderText="累计"  ItemStyle-Width="40px" SortExpression="f02"/><asp:BoundField DataField="f03" HeaderText="当月"  ItemStyle-Width="40px" SortExpression="f03"/><asp:BoundField DataField="f04" HeaderText="累计"  ItemStyle-Width="40px" SortExpression="f04"/><asp:BoundField DataField="f05" HeaderText="本月"  ItemStyle-Width="40px" SortExpression="f05"/><asp:BoundField DataField="f06" HeaderText="累计"  ItemStyle-Width="40px" SortExpression="f06"/><asp:BoundField DataField="c03" HeaderText="责任单位"  ItemStyle-Width="100px" SortExpression="c03"/><asp:BoundField DataField="c05" HeaderText="备注"  ItemStyle-Width="100px"/></Columns><FooterStyle CssClass="GridViewFooterStyle" /><RowStyle CssClass="GridViewRowStyle" /><SelectedRowStyle CssClass="GridViewSelectedRowStyle" /><PagerStyle CssClass="GridViewPagerStyle" /><AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" /><HeaderStyle CssClass="GridViewHeaderStyleHeaders" /></asp:GridView>   </td></tr></table>

第二：后台代码实现

  protected void grdRptPowerSafety_RowCreated(object sender, GridViewRowEventArgs e){if (e.Row.RowType == DataControlRowType.Header){TableCellCollection tcc = e.Row.Cells;tcc.Clear();int intcount = tcc.Count;//tcc.Add(new TableHeaderCell());tcc[0].Attributes.Add("rowspan", "2");tcc[1].Attributes.Add("rowspan", "2");// tcc[0].Text = "企业名称</th>";tcc.Add(new TableHeaderCell());tcc[13].Attributes.Add("colspan", "3");tcc[13].Text = "项目</th>";tcc.Add(new TableHeaderCell());tcc[14].Attributes.Add("colspan", "2");tcc[14].Text = "本年</th>";tcc.Add(new TableHeaderCell());tcc[15].Attributes.Add("colspan", "2");tcc[15].Text = "上年同期</th>";tcc.Add(new TableHeaderCell());tcc[16].Attributes.Add("colspan", "2");tcc[16].Text = "同比(数量)</th>";tcc.Add(new TableHeaderCell());tcc[17].Attributes.Add("colspan", "2");tcc[17].Text = "说明</th></tr><tr>";//tcc[6].Attributes.Add("colspan", "3");//tcc[6].Text = "说明1</th>";//tcc[7].Text = "说明2</th>";//tcc[8].Text = "说明3</th>";for (int i = 2; i < intcount; i++){tcc.Add(tcc[2]);}
}

第三：扩张方式在 for (int i = 2; i < intcount; i++)

{

tcc.Add(tcc[2]);

}

中以I为准：如果前面实现以合并2行的情况下是从第二个开始的堆栈。

转载于:https://www.cnblogs.com/minide/archive/2010/11/29/GridView.html

GridView的多表头（排序）实例方法相关推荐

18.自定义过滤器表头排序
效果图: 排序了姓名: 排序了年龄: 1 <!DOCTYPE html>2 <html ng-app="myApp" ng-controller="my ...
JTable表头排序后，row获取错乱的问题解决
参考:http://www.iteye.com/topic/1142737 昨天客户说单据需要排序功能,然后我就给jtable加了这个方法table.setAutoCreateRowSorter(tr ...
CList 点击表头排序（1）SortItems函数
点击表头排序整体的思路都是去 CListCtrl类中的方法SortItems去实现 CListCtrl::SortItems的原型是: BOOL SortItems( PFNLVCOMPARE pfn ...
GridView多行表头合并
多行表头合并, 网上很多实例, 这里写的很详细, 力求让每个人都能看懂. 实现原理:GridView在ASP.NET中最终转为HMTL的表格显示表头. 在GridView创建行表头行时: e.Row. ...
layui 表格在点表头排序时数据错乱
layui 表格在点表头排序时数据错乱问题问题描述: 在layui表格中,最后一列增加了操作按钮,并且在某些行设置了样式,但是在排序之后,按钮的点击事件失效了,样式也没有了,可能是没有执行done回 ...
php 点击表头排序,点击表头切换升降序排序方式
需求: 在报表的实际应用中有很多客户希望可以通过点击表头切换该列数据的排序. 实现方式: 超链接结合参数以及单元格表达式来实现,具体举例如下原表样如下实现原理:通过点击第一行任意格的值,通过 A2 ...
用面对对象的方式点击表头排序
图片样式为这个,Table是用js动态创建的,要求为点击表头排序这里是css样式 <!DOCTYPE html><html lang="en"><h ...
GridView表头排序方法设置
1.效果图 2.前台代码说明:红色代码为核心代码 <asp:GridView ID="gvData" runat="server" AutoGenera ...
利用GridView自带的Sorting方法进行表头排序
相关的知识点 1.ViewState存储List类数据 2 Gridview自带sorting方法 3. 获取List类的属性 4.Linq的排序方法 1.在源码中给GridView中加入AllowS ...
php 点击表头排序,TP5+ajax实现点击表格表头切换排序，带分页
TP5+ajax实现点击表格表头切换排序,带分页 2018-08-15 14:59:06ThinkPHP php接收页码请求的地址 /** * ajax 无刷新分页 * param $page int ...

GridView的多表头（排序）实例方法

GridView的多表头（排序）实例方法相关推荐

最新文章

热门文章