用CSS实现 DataGrid 上下滚动时固定表头

在使用DataGrid控件时经常会遇到行数过多会需要上下滚动的情况，但是表头也会跟着上下滚动，在程序员俱乐部搜索了一下，发现CSS可以固定表头，所以分享出来，也许会对各位有帮助。

 

CSS如下：

<style type="text/css">
     .fixTitle {POSITION: relative;}   
</style>

 

在DataGrid的头样式中指定CSS名就可以了:

<div style="overflow-x: hidden; overflow: auto; width: 100%; height: 472px;">

<asp:DataGrid ID="datagrid1" runat="server" AllowSorting="True">
　　<HeaderStyle HorizontalAlign="Center" CssClass="fixTitle"></HeaderStyle>
　　<Columns>

　　...

　　... 

　　</Columns>      

</asp:DataGrid>  

</div>

 

本文首发：败家女导购网