Asp.Net下的DataGrid的多層表頭
[ 來自:csdn ]
先看下錶:
實際上Asp.Net下的DataGrid只不過是一個HtmlTable,只不過在HtmlTable的基礎上添加了很多屬性、方法,納入ViewState機制,來產生、控制它;有了這一點認識,事情就很好辦了:
我們可以在屬性產生器中可以定義列的表頭,它實際上只不過是在列之間插入了“</td><td>”的html標記,如此而已;因此根據上面的例子,可以在第3列的header裡輸入以下內容“</td></tr><TR><TD>北京</TD><TD>上海</TD><TD>深圳</TD></TR>”,這時你會發現2層表頭就出現了:
但是顯然還不夠,因為我們還需要行、列的合并
我們可以在DataGrid的ItemDataBound事件中處理
if(e.Item.ItemType == ListItemType.Header)
{
e.Item.Cells[0].RowSpan = 2;
e.Item.Cells[1].ColumnSpan = 3;
e.Item.Cells[2].Visible = false;
e.Item.Cells[3].Visible = false;
Asp.Net下的DataGrid的多層表頭
[ 來自:csdn ]
先看下錶:
實際上Asp.Net下的DataGrid只不過是一個HtmlTable,只不過在HtmlTable的基礎上添加了很多屬性、方法,納入ViewState機制,來產生、控制它;有了這一點認識,事情就很好辦了:
我們可以在屬性產生器中可以定義列的表頭,它實際上只不過是在列之間插入了“</td><td>”的html標記,如此而已;因此根據上面的例子,可以在第3列的header裡輸入以下內容“</td></tr><TR><TD>北京</TD><TD>上海</TD><TD>深圳</TD></TR>”,這時你會發現2層表頭就出現了:
但是顯然還不夠,因為我們還需要行、列的合并
我們可以在DataGrid的ItemDataBound事件中處理
if(e.Item.ItemType == ListItemType.Header)
{
e.Item.Cells[0].RowSpan = 2;
e.Item.Cells[1].ColumnSpan = 3;
e.Item.Cells[2].Visible = false;
e.Item.Cells[3].Visible = false;