dataGrid 多維表頭、表頭跨行跨列設(shè)計(jì)及綁定數(shù)據(jù)
更新時(shí)間：2012年12月20日 14:53:29 作者：
dataGrid 其實(shí)就是一個(gè)html table,本文將介紹dataGrid 多維表頭，表頭跨行跨列設(shè)計(jì)方法需要了解的朋友可以參考下
dataGrid 其實(shí)就是一個(gè)html table
想清楚這個(gè)以后，要設(shè)置多維表頭就好辦了
html代碼
<asp:DataGrid ID="DataGrid1" runat="server"
onitemdatabound="DataGrid1_ItemDataBound">
</asp:DataGrid>
然后綁定數(shù)據(jù)
protected void Page_Load(object sender, EventArgs e)
{
string strsql = "select EmpID, Name, BranchID, LoginID, Pwd, Sex, EmpCode, Email, OfficeTel from mrBaseInf";
SqlConnection con = new SqlConnection("server=.;database=iOffice2009;uid=sa;pwd=sa");
DataSet ds = new DataSet();
SqlDataAdapter ter = new SqlDataAdapter(strsql, con);
con.Open();
ter.Fill(ds);
con.Close();
this.DataGrid1.DataSource = ds;
DataGrid1.DataBind();
}
接下來添加DataGrid1_ItemDataBoun事件
protected void DataGrid1_ItemDataBound(object sender, DataGridItemEventArgs e)
{
if (e.Item.ItemType==ListItemType.Header)
{
e.Item.Cells[0].RowSpan = 2;
e.Item.Cells[1].RowSpan = 2;
e.Item.Cells[2].RowSpan = 2;
e.Item.Cells[3].RowSpan = 2;
e.Item.Cells[4].RowSpan = 2;
e.Item.Cells[5].ColumnSpan = 4;
e.Item.Cells[5].HorizontalAlign = HorizontalAlign.Center;
e.Item.Cells[5].Text = "測試</td></tr><tr><td>列1</td><td>列2</td><td>列3</td><td>列4</td></tr>";
e.Item.Cells[6].Visible = false;
e.Item.Cells[7].Visible = false;
e.Item.Cells[8].Visible = false;
}
}
效果圖
想清楚這個(gè)以后，要設(shè)置多維表頭就好辦了
html代碼
復(fù)制代碼 代碼如下:
<asp:DataGrid ID="DataGrid1" runat="server"
onitemdatabound="DataGrid1_ItemDataBound">
</asp:DataGrid>
然后綁定數(shù)據(jù)
復(fù)制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
string strsql = "select EmpID, Name, BranchID, LoginID, Pwd, Sex, EmpCode, Email, OfficeTel from mrBaseInf";
SqlConnection con = new SqlConnection("server=.;database=iOffice2009;uid=sa;pwd=sa");
DataSet ds = new DataSet();
SqlDataAdapter ter = new SqlDataAdapter(strsql, con);
con.Open();
ter.Fill(ds);
con.Close();
this.DataGrid1.DataSource = ds;
DataGrid1.DataBind();
}
接下來添加DataGrid1_ItemDataBoun事件
復(fù)制代碼 代碼如下:
protected void DataGrid1_ItemDataBound(object sender, DataGridItemEventArgs e)
{
if (e.Item.ItemType==ListItemType.Header)
{
e.Item.Cells[0].RowSpan = 2;
e.Item.Cells[1].RowSpan = 2;
e.Item.Cells[2].RowSpan = 2;
e.Item.Cells[3].RowSpan = 2;
e.Item.Cells[4].RowSpan = 2;
e.Item.Cells[5].ColumnSpan = 4;
e.Item.Cells[5].HorizontalAlign = HorizontalAlign.Center;
e.Item.Cells[5].Text = "測試</td></tr><tr><td>列1</td><td>列2</td><td>列3</td><td>列4</td></tr>";
e.Item.Cells[6].Visible = false;
e.Item.Cells[7].Visible = false;
e.Item.Cells[8].Visible = false;
}
}
效果圖
相關(guān)文章
ASP.NET通用權(quán)限驗(yàn)證的實(shí)現(xiàn)代碼思路
這篇文章主要介紹了ASP.NET通用權(quán)限驗(yàn)證的實(shí)現(xiàn)代碼思路,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了ASP.NET Core MVC 配置全局路由前綴的相關(guān)資料,需要的朋友可以參考下2016-09-09
asp.net 在線編輯word文檔 可保存到服務(wù)器
使用說明：該方法只在office xp 和 2003上 測試通過，2000及以下 版本沒試。2010-01-01
ASP.NET?MVC5網(wǎng)站開發(fā)之網(wǎng)站設(shè)置(九)
這篇文章主要為大家詳細(xì)介紹了ASP.NET?MVC5網(wǎng)站開發(fā)之網(wǎng)站設(shè)置，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
利用Asp.Net Core的MiddleWare思想如何處理復(fù)雜業(yè)務(wù)流程詳解
這篇文章主要給大家介紹了關(guān)于利用Asp.Net Core的MiddleWare思想如何處理復(fù)雜業(yè)務(wù)流程的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起看看吧2018-08-08
asp.net使用AJAX實(shí)現(xiàn)無刷新分頁
AJAX（Asynchronous JavaScript and XML）是一種進(jìn)行頁面局部異步刷新的技術(shù)。用AJAX向服務(wù)器發(fā)送請(qǐng)求和獲得服務(wù)器返回的數(shù)據(jù)并且更新到界面中，不是整個(gè)頁面刷新，而是在頁面中使用Js創(chuàng)建XMLHTTPRequest對(duì)象來向服務(wù)器發(fā)出請(qǐng)求以及獲得返回的數(shù)據(jù)。2014-11-11
Ext.net中的MessageBox的簡單應(yīng)用實(shí)現(xiàn)代碼
今天在項(xiàng)目中要用到簡單的MessageBox的使用。在Ext.net中沒有Winform那么簡單，直接寫MessageBox.show()的方法。于是就去examples.ext.net的例子網(wǎng)站找，想找到個(gè)實(shí)際能用的2012-03-03
提取HTML代碼中文字的C#函數(shù)...2006-09-09
.Net極限生產(chǎn)力之分表分庫全自動(dòng)化Migrations?Code-First
這篇文章主要介紹了.Net極限生產(chǎn)力之分表分庫全自動(dòng)化Migrations?Code-First，輕量級(jí)針對(duì)分表分庫讀寫分離的解決方案，具有零依賴、零學(xué)習(xí)成本、零業(yè)務(wù)代碼入侵適配2022-07-07
我自己總結(jié)的一套命名規(guī)則，其實(shí)規(guī)則很重要，它是一種標(biāo)準(zhǔn)，可有可無，但有總會(huì)比無好，大家正在編碼的同志仔細(xì)看看，給點(diǎn)改進(jìn)意見。2009-02-02