GridView固定表頭和首列

2021-04-14 01:11:57 字數 634 閱讀 6412

當gridview中要顯示的資料非常多的時候,使用者常需要開發人員固定表頭或是首列,以保證在拖動滾動條的時候,可以清楚得了解到每一列或行的內容。 借助於css的功能,可以將gridview打造成這樣的**:

首先,要把gridview放在乙個容器中,然後在頁面中新增如下css:

.fixedheader 

.fixedheader th

最後將gridview的headerstyle屬性集中的cssclass屬性設為"fixedheader":

<

headerstyle wrap="

false

"cssclass="

fixedheader

"/>

上述這種方法是以頁面的滾動條為基準,因此是「this.offsetparent.scrolltop」,實際使用時可以根據需要嘗試其他調整方法

至於固定左邊列的方法與此類似

.fixedleft

其中 expression後的parentelement到底要多少個,需要設定debugger自己去跟蹤。同時,還要記住設定gridview的背景色,即便是白色也要設:#ffffff,不能為透明。最後,將gridview的itemstyle中的cssclass設為"fixedleft" ,便可得到效果了。

table固定表頭和首列

html部分,結構上分為左右兩部分,又分別拆開為上下兩部分,總共四個結構部分,以下為固定首行和首列,需要固定多行多列的可以自行新增,如下列表中姓名為左上角固定不變的位置,可自行新增多個。class container id left div id left div1 id left table1 c...

GridView固定表頭

gridview固定表頭 title style type text css freezing freezing th style head body form id form1 runat server divstyle overflow y scroll height 200px width 5...

GRIDVIEW 固定表頭

最近開發乙個專案,固定gridview 表頭花了好多時間,測試了無數方法,終於找到乙個比較好的方法。1 supertables 推薦用此版本,暗黑大哥功力不錯,又造福了我們。如果不需要編輯gridview 他是首選,強大的外觀,我的gridview 裡面需要編輯,裡面textbox還有乙個彈出層,用...