asp.net|datagrid| page ASP. NET page, sometimes we need to freeze a column in the DataGrid, for example, when the number of data items is too large, we need to make the first column not move, drag the horizontal scroll bar when the other columns are hidden, you need to freeze the column, and sometimes also need to let the DataGrid's head does not move, drag the vertical scroll bar, The following data items can be scrolled. In the implementation of the process, is actually using a CSS style to control, together look.
To freeze which column, add Fixcol this CSS to Headerstyle-cssclass and itemstyle-cssclass-->
<style type= "Text/css"
. Fixcol {} {; Left:expression (This.offsetParent.scrollLeft); Position:relative}
</style>
</HEAD>
<asp:boundcolumn datafield= "LastName" headertext= "name" >
!--below is the frozen column-->
<itemstyle cssclass= "Fixcol" > </ItemStyle>
</asp:BoundColumn>
Add Fixtitle This CSS to the Headerstyle-cssclass and itemstyle-cssclass--> of the DataGrid.
<style type= "Text/css"
. Fixtitle {} {position:relative;; Top:expression (THIS.OFFSETPARENT.SCROLLTOP)}
</style>
</HEAD>
!--Frozen Head-->
<itemstyle forecolor= "#330099" backcolor= "white" cssclass= "fixtitle" > </ItemStyle>
<footerstyle forecolor= "#330099" backcolor= "#FFFFCC" > </FooterStyle>
