GridView的表頭和行的樣式控制

2021-08-25 14:59:23 字數 627 閱讀 9385

根據datagrid的經驗,在樣式表中定義好樣式,然後指定表頭、行、間隔行的cssclass,一般都能得到想要的效果。後來,gridview接替datagrid後,如法炮製,發現總是有些不聽使喚的地方,就通過設定字段屬性的方法解決,一直也沒有深究。今天,這個問題又開始困擾我,正好這幾天自己的興致盎然,比較喜歡對細節進行探索,果然是功夫不負有心人。

原來,gridview在生成html的時候,表頭對應的是th標記,行當然對應的是td標記。對於th來說,預設的樣式是居中粗體,對於td來說,預設樣式是居左正常。即使你定義並在headerstyle中應用了樣式:text-align:left;,表頭依然是居中顯示。這是因為生成時html時該樣式是被應用在tr上的,類似:

,所以,你這樣應用的表頭樣式是無法生效的。

如果你在樣式表中定義了:tr,可以讓表頭靠左顯示,但某些列如果想居中顯示時,定義horizontalalign="center"是無效的。

搞清了問題的原因,實際應用時就可根據具體情況來靈活掌握了。比如想要改變表頭的預設顯示靠左,則可在樣式表中定義th,如果有個別列需要居中顯示,則可定義乙個模擬如.mycenter,在需要控制的列標記內設定。如圖:

請注意,黑色標記那裡應用的gridhead樣式生成html後是加在標記上的,綠色標記那裡的才能起作用。

GridView中的多重表頭及合計行

gridview是乙個比較好的展示資料的控制項,資料可以非常簡單的繫結到 幾乎不用編太多程,但是如果要展示的資料表外形上需要多行表頭,或者合計行,就需要另外處理一下了 一 多行表頭需要過載gridview的 onrowcreated事件 1protected void gvmain rowcreat...

GridView固定表頭和首列

當gridview中要顯示的資料非常多的時候,使用者常需要開發人員固定表頭或是首列,以保證在拖動滾動條的時候,可以清楚得了解到每一列或行的內容。借助於css的功能,可以將gridview打造成這樣的 首先,要把gridview放在乙個容器中,然後在頁面中新增如下css fixedheader fix...

用css實現GridView的固定表頭和列

這裡用css實現gridview固定表頭和列需要使用div重疊,以及兩個div滾動條同時滾動的方法。一 div重疊方法 外層用relative相對定位,裡面用absolute絕對定位,就能很好的實現你的要求了。z index是用來控制div的顯示優先級別。如下的乙個html例項 1111111111...