zoukankan      html  css  js  c++  java
  • 纯脚本搞定DataGrid表表头不动,表身滚动

    先看效果:

    纯脚本搞掂DataGrid表表头不动,表身滚动

      孟子以前也做过这事,不过他的方法前台后台都要弄,还是VB的(^-^),好像也不支持像我的自动生成列的DataGrid,所以还是自己动手,纯脚本搞掂,其实很简单,就几行:

    function ScrollDataGrid()
        {
          var tb = document.getElementById("tbHeader");
          var dg = document.getElementById("dgSearchResult");
          if(dg!= null)
          {  
            var dv = document.getElementById("dvBody");
            var th = dg.rows[0];
            for(var i = 0 ; i < th.cells.length;i++)
              th.cells[i].width = th.cells[i].clientWidth;
            var tr = th.cloneNode(true);
            //tr.applyElement(tb);
            tb.createTHead();
            var tbh = tb.tHead;
            tbh.appendChild(tr);
            tr = tbh.rows[0];
            var td = tr.insertCell();
            td.style.width = 19;
            td.width = 19;
            td.innerHTML = tr.cells[0].innerHTML;
            th.style.display = 'none';
            if(dg.scrollHeight < 300 )
              dv.style.height = dg.scrollHeight * 1 + 2;
          }
            <table width="100%" border="0" id="tbHeader" cellpadding="4" cellspacing="0">
                        </table>
                        <div style="OVERFLOW-Y: scroll; HEIGHT: 300px" id="dvBody">
                          <ASP:datagrid id="dgSearchResult" style="BORDER-COLLAPSE: collapse" runat="server" Width="100%" CellPadding="4" DataKeyField="编号" BorderWidth="1px" BorderStyle="Solid" BorderColor="RoyalBlue" GridLines="None">
                            <SelectedItemStyle ForeColor="SlateGray"></SelectedItemStyle>
                            <ItemStyle VerticalAlign="Middle"></ItemStyle>
                            <HeaderStyle HorizontalAlign="Center"></HeaderStyle>
                            <Columns>
                              <asp:ButtonColumn Text="选择" HeaderText="&lt;font face=Webdings&gt;6&lt;/font&gt;" CommandName="Delete">
                                <HeaderStyle Wrap="False" Width="40px"></HeaderStyle>
                                <ItemStyle Wrap="False" HorizontalAlign="Center"></ItemStyle>
                                <FooterStyle Wrap="False"></FooterStyle>
                              </asp:ButtonColumn>
                            </Columns>
                          </asp:datagrid></div>

  • 相关阅读:
    nyoj 139 我排第几个--康拓展开
    树形dp--hdu 3534 Tree
    hdu 2196 Computer 树形dp模板题
    poj 2342 Anniversary party 简单树形dp
    hdu 4738 Caocao's Bridges 图--桥的判断模板
    poj 1144 Network 图的割顶判断模板
    poj 3159 Candies 差分约束
    poj 3169 Layout 差分约束模板题
    codeforces C. Triangle
    java中过滤器、监听器、拦截器的区别
  • 原文地址:https://www.cnblogs.com/weihengblogs/p/2880525.html
Copyright © 2011-2022 走看看