GridView固定表頭

2021-04-20 08:24:18 字數 2331 閱讀 4366

>gridview固定表頭

title

>

<

style

type="text/css"

>

.freezing  

.freezing th

style

>

head

>

<

body

>

<

form

id="form1"

runat="server"

>

<

divstyle="overflow-y: scroll; height: 200px;width:500px"

id="dvbody"

>

<

asp:gridview

id="gridview1"

runat="server"

autogeneratecolumns="false"

cellpadding="10"

forecolor="#333333"

pagesize="3"

>

<

footerstyle

backcolor="#990000"

font-bold="true"

forecolor="white"

/>

<

columns

>

<

asp:boundfield

datafield="id"

headertext="使用者id"

readonly="true"

/>

<

asp:boundfield

datafield="name"

headertext="使用者姓名"

/>

<

asp:boundfield

datafield="***"

headertext="性別"

/>

<

asp:boundfield

datafield="birthday"

headertext="生日"

dataformatstring=""

htmlencode="false"

/>

<

asp:boundfield

datafield="salary"

headertext="薪水"

/>

<

asp:boundfield

datafield="address"

headertext="家庭住址"

/>

<

asp:boundfield

datafield="postcode"

/>

columns

>

<

rowstyle

forecolor="#000066"

/>

<

selectedrowstyle

backcolor="#669999"

font-bold="true"

forecolor="white"

/>

<

pagerstyle

backcolor="white"

forecolor="#000066"

horizontalalign="left"

/>

<

headerstyle

backcolor="#006699"

font-bold="true"

forecolor="white"

cssclass="freezing"

/>

asp:gridview

>

div>

form

>

body

>

html

>

用法:css設如上的樣式,headerstyle加cssclass="freezing,套住gridview的div設定高度寬度

GRIDVIEW 固定表頭

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

GridView固定表頭和首列

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

GridView表頭固定,表體滾動效果

網上搜到的用cs方法,效果不好。實現原理。1 新建乙個table,只顯示表頭。同理也可以新建乙個gridview,新增一列空行,然後隱藏行,即可只顯示表頭 2 隱藏gridview的表頭 showheader false 3 控制width實現對齊。姓名 星期一星期二 星期三星期四 星期五 上午下午...