创建跨多列、多行表头的DataGrid

原创 2003年06月12日 11:31:00

创建跨多列、多行表头的DataGrid

孟子E章

在使用DataGrid时,有时候需要表头跨列、多行,下面的代码就是实现这个功能的代码。

查看例子

ShowColSpanHeader.aspx

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="ShowColSpanHeader.aspx.vb" Inherits="aspxWeb.mengxianhui.com.ShowColSpanHeader"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title id="lucky_elove" runat=server></title> <meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0"> <meta name="CODE_LANGUAGE" content="Visual Basic 7.0"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </HEAD> <body MS_POSITIONING="GridLayout" leftmargin="0"> <form id="Form1" method="post" runat="server"> <TABLE id="Table1" runat="server" cellSpacing="1" cellPadding="2" width="780" border="1" bgcolor="#cc6633" bordercolor="#cc9966" style="FONT-SIZE:9pt;BORDER-BOTTOM:0px"> <TR align="center"> <TD colspan="2" width="580"></TD> <TD width="200" colspan="2"></TD> </TR> <TR align="center"> <TD width="400" bgcolor="#66cc99"></TD> <TD width="180" bgcolor="white"></TD> <TD width="160" bgcolor="#99cccc"></TD> <TD width="40" bgcolor="#009999"></TD> </TR> </TABLE> <asp:DataGrid id="DataGrid1" width="780px" AlternatingItemStyle-BackColor="#6699ff" CellPadding="2" CellSpacing="1" BorderWidth="1" BorderColor="#cc9966" Font-Size="9pt" runat="server" ShowHeader="False" AutoGenerateColumns="False"> <Columns> <asp:BoundColumn DataField="Title"> <ItemStyle Width="400px"></ItemStyle> </asp:BoundColumn> <asp:BoundColumn DataField="CreateDate"> <ItemStyle Width="180px"></ItemStyle> </asp:BoundColumn> <asp:BoundColumn DataField="pid"> <ItemStyle Width="160px"></ItemStyle> </asp:BoundColumn> <asp:BoundColumn DataField="HitCount"> <ItemStyle Width="40px"></ItemStyle> </asp:BoundColumn> </Columns> </asp:DataGrid> </form> </body> </HTML>

ShowColSpanHeader.aspx.vb

Imports System Imports System.Data Imports System.Data.OleDb Public Class ShowColSpanHeader Inherits System.Web.UI.Page Protected WithEvents Table1 As System.Web.UI.HtmlControls.HtmlTable Protected WithEvents DataGrid1 As System.Web.UI.WebControls.DataGrid Protected WithEvents lucky_elove As HtmlControls.HtmlGenericControl #Region " Web Form Designer Generated Code " 'This call is required by the Web Form Designer. <System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent() End Sub Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) _ Handles MyBase.Init 'CODEGEN: This method call is required by the Web Form Designer 'Do not modify it using the code editor. InitializeComponent() End Sub #End Region Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) _ Handles MyBase.Load lucky_elove.InnerText = "【孟宪会之精彩世界】 - 跨栏表头的实现" Table1.Rows(0).Cells(0).InnerText = "【孟宪会之精彩世界】.NET版本之最新文章" Table1.Rows(0).Cells(1).InnerText = "文章信息" Table1.Rows(1).Cells(0).InnerText = "文章标题" Table1.Rows(1).Cells(1).InnerText = "发布时间" Table1.Rows(1).Cells(2).InnerText = "所属栏目" Table1.Rows(1).Cells(3).InnerText = "点击率" Table1.Rows(0).Style.Add("color", "white") Table1.Rows(0).Style.Add("font-weight", "bold") Table1.Rows(0).Cells(0).Attributes.Add("onclick", _ "window.open('http://lucky_elove.www1.dotnetplayground.com/')") Table1.Rows(0).Cells(0).Style.Add("cursor", "hand") Try Dim cnString As String = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" _ + Server.MapPath("Test.mdb") Dim cn As New OleDbConnection(cnString) cn.Open() Dim strSQL As String = "SELECT TOP 20 D.Title,D.CreateDate,S.Title as pid,D.HitCount "_ + "FROM Document D INNER JOIN Subject S ON D.pid = S.id ORDER BY CreateDate DESC" Dim cmd As New OleDbCommand(strSQL, cn) DataGrid1.DataSource = cmd.ExecuteReader DataGrid1.DataBind() cn.Close() cn = Nothing Catch eOle As OleDbException Response.Write("产生错误:" + eOle.Message) End Try End Sub Private Sub DataGrid1_ItemDataBound(ByVal sender As Object, _ ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DataGrid1.ItemDataBound If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then If e.Item.Cells(0).Text.Length > 26 Then e.Item.Cells(0).Attributes.Add("Title", e.Item.Cells(0).Text) e.Item.Cells(0).Text = e.Item.Cells(0).Text.Substring(0, 26) + "…" End If e.Item.Cells(1).Text=Format(System.Convert.ToDateTime(e.Item.Cells(1).Text),"yyyy年M月d日 h点m分s秒") End If End Sub End Class

WPF DataGrid 多表头

--> --> ...
  • yb305
  • yb305
  • 2015年01月29日 10:11
  • 751

easyui datagrid 多表头设置

最近在做二维报表,要求报表的表头自定义。在网上找了好久二维报表的插件,一直找不到合适的。后来就用easyui 中的datagrid替代了一下。   根据实际需求,统计的信息可能不是一个模块中...
  • lishuangzhe7047
  • lishuangzhe7047
  • 2015年01月15日 17:25
  • 32588

EasyUI DataGrid 多级表头设置

使用EasyUI做一个报表统计,需要合并表头为多级表头,核心代码如下: $('#dg').datagrid({ url:'datagrid_data.action', ...
  • itmyhome
  • itmyhome
  • 2016年02月28日 20:59
  • 7370

EasyUI-Datagrid二维表格:多表头

人力资源管理有个做二维表格的需求,客户的需求是这样的,如图:        由于是从零开始,没有参考,我就想用easyui 做一下。分析需求,其实难点就三个:1、是将上表头的部分单元格合并。...
  • mengdonghui123456
  • mengdonghui123456
  • 2016年04月24日 11:07
  • 5012

创建跨多列、多行表头的DataGrid

创建跨多列、多行表头的DataGrid孟子E章在使用DataGrid时,有时候需要表头跨列、多行,下面的代码就是实现这个功能的代码。查看例子ShowColSpanHeader.aspx...
  • net_lover
  • net_lover
  • 2003年06月12日 11:31
  • 3647

jquery-easyui拓展之datagrid复合表头列锁定/解锁和列隐藏/显示

  • 2015年08月10日 17:14
  • 22KB
  • 下载

创建跨多列、多行表头的DataGrid

在使用DataGrid时,有时候需要表头跨列、多行,下面的代码就是实现这个功能的代码。查看例子ShowColSpanHeader.aspx...
  • xwqjamky
  • xwqjamky
  • 2005年10月17日 21:51
  • 433

创建跨多列、多行表头的DataGrid

创建跨多列、多行表头的DataGrid孟子E章在使用DataGrid时,有时候需要表头跨列、多行,下面的代码就是实现这个功能的代码。查看例子ShowColSpanHeader.aspx ...
  • hejishan
  • hejishan
  • 2008年03月11日 12:15
  • 192

创建跨多列、多行表头的DataGrid

在使用DataGrid时,有时候需要表头跨列、多行,下面的代码就是实现这个功能的代码。查看例子ShowColSpanHeader.aspx...
  • luoboqingcai
  • luoboqingcai
  • 2004年09月25日 18:26
  • 591

DataGrid表头合并

在DataGrid的ItemCreated事件中进行处理  private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebCon...
  • syl2000
  • syl2000
  • 2006年06月15日 12:47
  • 1254
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:创建跨多列、多行表头的DataGrid
举报原因:
原因补充:

(最多只允许输入30个字)