ASP.NET页面中冻结DataGrid的列或头部
日期：2010-11-16 浏览次数：20468 次
ASP.NET页面中，有时候我们需要冻结datagrid中的某一列，比如显示的数据项过多时，我们需要让第一列不动，拖动横向滚动条时其他列隐藏，这时就需要冻结列了；另外，有时候也需要让datagrid的头部不动，拖动纵向滚动条时，下面的数据项可以滚动。在实现的过程中，其实就是用了css样式来控制，一起看一下。
要冻结哪一列，就把fixCol这个CSS加到HeaderStyle-CssClass和ItemStyle-CssClass--＞
把fixTitle这个CSS加到DataGrid的HeaderStyle-CssClass和ItemStyle-CssClass--＞
要冻结哪一列，就把fixCol这个CSS加到HeaderStyle-CssClass和ItemStyle-CssClass--＞
＜style type="text/css"＞
.fixCol {}{ ; LEFT: expression(this.offsetParent.scrollLeft); POSITION: relative }
＜/style＞
＜/HEAD＞
＜asp:BoundColumn DataField="LastName" HeaderText="姓名"＞
＜!--下面就是冻结列--＞
＜HeaderStyle CssClass="fixCol"＞＜/HeaderStyle＞
＜ItemStyle CssClass="fixCol"＞＜/ItemStyle＞
＜/asp:BoundColumn＞
.fixCol {}{ ; LEFT: expression(this.offsetParent.scrollLeft); POSITION: relative }
＜/style＞
＜/HEAD＞
＜asp:BoundColumn DataField="LastName" HeaderText="姓名"＞
＜!--下面就是冻结列--＞
＜HeaderStyle CssClass="fixCol"＞＜/HeaderStyle＞
＜ItemStyle CssClass="fixCol"＞＜/ItemStyle＞
＜/asp:BoundColumn＞
把fixTitle这个CSS加到DataGrid的HeaderStyle-CssClass和ItemStyle-CssClass--＞
＜style type="text/css"＞
.fixTitle {}{ POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop) }
＜/style＞
＜/HEAD＞
＜!--冻结头部--＞
＜ItemStyle ForeColor="#330099" BackColor="White" CssClass="fixTitle"＞＜/ItemStyle＞
＜HeaderStyle Font-Bold="True" ForeColor="#FFFFCC" BackColor="#990000" CssClass="fixTitle"＞＜/HeaderStyle＞
＜FooterStyle ForeColor="#330099" BackColor="#FFFFCC"＞＜/FooterStyle＞
.fixTitle {}{ POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop) }
＜/style＞
＜/HEAD＞
＜!--冻结头部--＞
＜ItemStyle ForeColor="#330099" BackColor="White" CssClass="fixTitle"＞＜/ItemStyle＞
＜HeaderStyle Font-Bold="True" ForeColor="#FFFFCC" BackColor="#990000" CssClass="fixTitle"＞＜/HeaderStyle＞
＜FooterStyle ForeColor="#330099" BackColor="#FFFFCC"＞＜/FooterStyle＞
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
