GridView用CSS設定樣式

2021-07-03 11:42:19 字數 1661 閱讀 6752

gridview是很便利的資料控制項，在mis中的應用很廣泛，其樣式編寫很簡單，但是每次新增都要重新編寫，工作很是煩瑣，而且由於其本身的特性，樣式並不好編寫，最好的辦法就是在單雙行、header、pager、footer等欄目引用單獨的樣式，如下：



抱歉，暫時沒有資料！
各樣式如下： 

/*****************gridview 樣式*******************/


/************gridview頁碼樣式************/


.gridview_pager 


.gridview_pager td a:hover 


.gridview_pager td a:active 


.gridview_pager td a:link 


.gridview_pager td a:visited 


.gridview_pager td span 


/******gridview標題欄樣式********/


.gridview_header 


/**********gridview主樣式*************/


.gridview_main 


/************gridview rowstyle************/


.gridview_row 


.gridview_row_alter 


.gridview_row_select

這是我現在使用的方法，對樣式的設定只需引用，還是很方便的。但是我是乙個不斷追尋輕鬆的懶人，能不能只在gridview開頭引用樣式就一勞永逸呢？由於gridview實質上在html的表現為乙個table，所以其實可以通過寫table樣式來對其進行設定，如下：



抱歉，暫時沒有資料！
樣式檔案如下： 

/*****以下gridview的樣式目前還未完成，處於測試階段*********/


.gridview 


.gridview th 


.gridview tr 


.gridview tr td 


.gridview td table 


.gridview td table td 


.gridview td table td a:hover 


.gridview td table td a:active 


.gridview td table td a:link 


.gridview td table td a:visited 


.gridview td table td span
這樣設定看起來好像沒有問題，但是並不能達到一些要求，比如單雙行不同樣式，頁碼pager自定義樣式等，由於在此之前對樣式沒有過了解，所以有待後期完善。而且還有乙個問題，就是頁碼的居中，需要在gridview的屬性中加上如下一句： 

horizontalalign="center"
css還是很強大的，仔細研究說不定就能完善這個樣式了。

經過多次測試，我已經可以確定了以上樣式是可行的，不過ie8不支援css3，所以我一直以來都以為樣式有問題。。

論來自ie8的惡意。。

GridView 用CSS隱藏列

gridview隱藏列取值解決方案 2007 06 23 02 17 分類 asp.net 字型大小 大大 中中 小小 摘要 在asp.net 2.0中增加了乙個新的資料繫結控制項 gridview，其目的用來取代asp.net1.x中的datagrid控制項，但有一點很不爽的是，如果把某列設定為v...

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

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

GridView樣式設定

gridview在生成html 的時候會自動加上style border collapse collapse 以及border 1，rules all 這些屬性，這些在ie下都沒什麼影響，但是在ff下就會影響顯示，style border collapse collapse 是由於設定了cellsp...