生活随笔
收集整理的這篇文章主要介紹了
GridView多行表头合并
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
多行表頭合并, 網(wǎng)上很多實(shí)例, 這里寫的很詳細(xì), 力求讓每個(gè)人都能看懂.
實(shí)現(xiàn)原理:GridView在ASP.NET中最終轉(zhuǎn)為HMTL的表格顯示表頭。
在GridView創(chuàng)建行表頭行時(shí): e.Row.RowType == DatacontrolRowType.Header
清除掉舊的表頭, 再重新拼接新的表頭.
TableHeaderCell thc =?new TableHeaderCell();
thc.Text = "表頭";
對(duì)應(yīng)生成的HTML為:<th>表頭</th>
多行表頭合并效果圖
測(cè)試多行合并表頭
表頭表頭1表頭2表頭3
表頭1-1表頭2-1表頭2-2表頭3-1表頭3-2表頭3-3
1 protectedvoidGridView1_RowCreated(objectsender,?GridViewRowEventArgs?e)2 {?3 //判斷創(chuàng)建的行是否為表頭行?4 if?(e.Row.RowType?==?DataControlRowType.Header)?5 {?6 //獲取表頭所在行的所有單元格?7 TableCellCollection?tcHeader?=?e.Row.Cells;?8 //清除自動(dòng)生成的表頭?9 tcHeader.Clear();10 11 //新添加的第一個(gè)表頭單元格,?設(shè)置為合并7個(gè)列,?從而形成一行.12 tcHeader.Add(new?TableHeaderCell());13 tcHeader[0].ColumnSpan?=?7;14 tcHeader[0].Text?=?"測(cè)試多行合并表頭</th></tr><tr>";15 //</th>表示當(dāng)前單元格結(jié)束,?</tr>表示本行結(jié)束,?<tr>另起新一行????關(guān)鍵點(diǎn)16 17 //添加第二個(gè)表頭單元格,?設(shè)置為合并兩行.18 tcHeader.Add(new?TableHeaderCell());19 tcHeader[1].RowSpan?=?2;20 tcHeader[1].Text?=?"表頭";21 22 tcHeader.Add(new?TableHeaderCell());23 tcHeader[2].Text?=?"表頭1";24 25 tcHeader.Add(new?TableHeaderCell());26 tcHeader[3].ColumnSpan?=?2;27 tcHeader[3].Text?=?"表頭2";28 29 tcHeader.Add(new?TableHeaderCell());30 tcHeader[4].ColumnSpan?=?3;31 tcHeader[4].Text?=?"表頭3</th></tr><tr>";32 33 //第二行的所有的單元格添加完成,?換行</th></tr><tr>34 35 //添加第三行所有的單元格36 tcHeader.Add(new?TableHeaderCell());37 tcHeader[5].Text?=?"表頭1-1";38 39 tcHeader.Add(new?TableHeaderCell());40 tcHeader[6].Text?=?"表頭2-1";41 42 tcHeader.Add(new?TableHeaderCell());43 tcHeader[7].Text?=?"表頭2-2";44 45 tcHeader.Add(new?TableHeaderCell());46 tcHeader[8].Text?=?"表頭3-1";47 48 tcHeader.Add(new?TableHeaderCell());49 tcHeader[9].Text?=?"表頭3-2";50 51 tcHeader.Add(new?TableHeaderCell());52 tcHeader[10].Text?=?"表頭3-3</th></tr><tr>";53
????????}54 55
????} ~~~~~~~~曾華生的博客文章~~~~~~~~~~
總結(jié)
以上是生活随笔為你收集整理的GridView多行表头合并的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。