台灣最大程式設計社群網站
線上人數
618
 
會員總數:245454
討論主題:189218
歡迎您免費加入會員
討論區列表 >> ASP.NET >> Gridview凍結表頭
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
Gridview凍結表頭
價值 : 50 QP  點閱數:148 回應數:3

樓主

果果
門外漢
0 4
578 3
發送站內信

小妹目前使用webform ,
需要使用動態產生gridview1將表頭固定(凍結),
目前完成後發現固定列在左上角(編號、標題、寄件人)、無法和下面列表一樣長度、而且會覆蓋到第一行文字,想請問要如何修改呢?

這邊是前端程式碼

以下是圖片,往下拉雖然會固定在第一行、可是卻會覆蓋到文字和長度不符合




搜尋相關Tags的文章: [ Gridview固定表頭 ] , [ 固定表頭 ] , [ 凍結欄位 ] , [ 凍結表頭 ] ,
本篇文章發表於2020-01-15 13:35
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
看來只能在panel上方用html table 把寬度固定 把表頭寫上
panel內的gridview欄寬也要固定寬度 不顯示表頭
本篇文章回覆於2020-01-16 04:42
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
不錯的參考

缺氧的羊:窒息
捐贈 VP 給 缺氧的羊:窒息 檢舉此回應
google【gridview lock header when scrolling】會有很多資料可以挖


像這個...
https://www.codeproject.com/Articles/614041/GridView-with-Fixed-Header-and-Scroll-Bar
本篇文章回覆於2020-01-16 10:21
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
最有價值解答

topcat
捐贈 VP 給 topcat 檢舉此回應
您好

小喵測試使用Freeze Table這個jQuery的PlugIn,心得如下:

相關連結如下:

https://github.com/yidas/jquery-freeze-table

觀察大部分的jQuery Plugin,並比較GridView產生的Html內容,發現少了『thead, tbody』
於是,在GirdView的PreRender事件,加上以下的語法,讓GridView產生『thead,tbody』



另外,觀察GridView所產生出來的html內容
通常會有個div包住table

而很多的Plugin會指定在<table>外面的那個div
但是,從GridView裡面卻沒辦法去動到那個div

小喵替代的做法是,在GridView外部包個div並給id
然後再透過jQuery藉由外部的div去控制GridView產生的div

詳細的範例如下:(資料以北風中的Products為範例)
aspx:


aspx.vb




結果:有凍結效果,且可以鎖住Head與Row

------





以上提供樓主參考

^_^



本篇文章回覆於2020-01-16 15:53
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.