• 用CSS实现DataGird滚动而表头不动


    样式:

    <style> .fixTitle { BACKGROUND: navy; COLOR: white; POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop) } 
     .scorllDataGrid 
    { OVERFLOW-Y: scroll; HEIGHT: 300px }
     </style>
    Html
    <body MS_POSITIONING="GridLayout">
            
    <form id="Form1" method="post" runat="server">
                
    <div class="scorllDataGrid" style="WIDTH: 696px; HEIGHT: 300px">
                    
    <asp:datagrid id="dgClassList" runat="server" Width="688px" AutoGenerateColumns="False" CellPadding="4"
                        BackColor
    ="White" BorderWidth="1px" BorderStyle="None" BorderColor="#CC9966">
                        
    <FooterStyle ForeColor="#330099" BackColor="#FFFFCC"></FooterStyle>
                        
    <SelectedItemStyle Font-Bold="True" ForeColor="#663399" BackColor="#FFCC66"></SelectedItemStyle>
                        
    <ItemStyle ForeColor="#330099" BackColor="White"></ItemStyle>
                        
    <HeaderStyle Font-Bold="True" ForeColor="#FFFFCC" CssClass="fixTitle" BackColor="#990000"></HeaderStyle>
                        
    <Columns>
                            
    <asp:BoundColumn DataField="RequirementID" HeaderText="流水号">
                                
    <HeaderStyle Wrap="False"></HeaderStyle>
                            
    </asp:BoundColumn>
                            
    <asp:BoundColumn DataField="RequirementNo" HeaderText="编号">
                                
    <HeaderStyle Wrap="False"></HeaderStyle>
                            
    </asp:BoundColumn>
                            
    <asp:BoundColumn DataField="Name" HeaderText="需求名称">
                                
    <HeaderStyle Wrap="False"></HeaderStyle>
                            
    </asp:BoundColumn>
                            
    <asp:BoundColumn DataField="userName" HeaderText="提出人">
                                
    <HeaderStyle Wrap="False"></HeaderStyle>
                            
    </asp:BoundColumn>
                        
    </Columns>
                        
    <PagerStyle HorizontalAlign="Center" ForeColor="#330099" BackColor="#FFFFCC"></PagerStyle>
                    
    </asp:datagrid>
                
    </div>
            
    </form>
        
    </body>
    效果图:
  • 相关阅读:
    sublime & atom 插件
    正则表达式必知必会读书笔记
    前端自动化工具
    CSS3效果收集
    JS 常用功能收集
    【1】Hover 效果收集
    javascript进阶高手必备知识
    ionic 实现仿苹果手机通讯录搜索功能
    ionic2APP 如何处理返回键问题
    三张图搞懂JavaScript的原型对象与原型链
  • 原文地址:https://www.cnblogs.com/vaiyanzi/p/605863.html
Copyright © 2020-2023  润新知