先看效果:

  孟子以前也做过这事,不过他的方法前台后台都要弄,还是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>

转载于:https://www.cnblogs.com/yssoft/articles/1447494.html

纯脚本搞掂DataGrid表表头不动,表身滚动相关推荐

  1. VBA小程序--新增工作表_核实工作簿中所有工作表表头是否一致(2020-5-13更新升级,提升容错率)

    这是之前的版本,2020-4-1日写的,现在回过来再看当时的代码,真的觉得当时脑子有坑,为什么这么笨,要这么写... Sub 新增工作表_核实工作簿中所有工作表表头是否一致()Dim sht As W ...

  2. 【Android 内存优化】libjpeg-turbo 函数库交叉编译与使用 ( 交叉编译脚本编写 | 函数库头文件拷贝 | 构建脚本配置 | Android Studio 测试函数库 )

    文章目录 一.交叉编译 Shell 脚本参考 二.NDK r16b 版本配置 三.libjpeg-turbo 交叉编译 Shell 脚本 四.执行 libjpeg-turbo 交叉编译 Shell 脚 ...

  3. css列名不动_利用js+css+html实现固定table的列头不动

    话不多说,跟这小编来一起看下吧 1.CSS #scroll_head { position: absolute; display: none; } 2.Javascript //该函数在上面一个tab ...

  4. 在nginx中集成lua脚本:添加自定义Http头,封IP等

    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言,从而可以在Nginx请求处理的任何阶段执行各种Lua代码.刚开始我们只是用Lua 把请求路由到后端服务器,但是它对我们架构的作用超出了我们的预 ...

  5. Linux纯脚本故障转移集群

    以前搞过微软的Cluster--MSCS(Exchagne2003),感觉原理非常简单,最近在做一个Oracle DG的项目,平台是Linux,总想模仿MSCS写个自动切换的脚本,搞了半天,搞出来了分 ...

  6. 纯脚本创建桌面快捷方式

    最近在看关于wmi的书,深深感觉wscript的危害之大.这里将书上提到的一些应用的例程放上来,大家鉴赏一下,可 不要拿来做坏事哟.新建一个vbs脚本文件.键入下面的内容 call testwmi() ...

  7. lol自动刷人机辅助_LOL真是运气游戏?玩家打排位遇脚本怒送20头,结果还赢了...

    大家好我是没有感情的游戏日报江小风.LOLS10赛季已经全球同步开始,不少玩家都已经开始了上分之路,这些天来,不少人都在抱怨,什么队友有多菜,打穿1路还赢不了,什么对手都是爹等等.因此一个老话题就被提 ...

  8. 非常漂亮的Flash纯脚本生成饼图

    数据来源于xml配置文件,可以直接修改xml文件以达到直接使用的目的.默认数据来源为piedata.xml但是可以在页面中修改这个数据来源.如下: 代码拷贝框 <object classid=& ...

  9. [转]纯脚本写的仿照cmd命令窗口

    说明: 1,此代码转载自 夏天以南 博客,这个程序实在太妙了,转载出来让大家欣赏一下. 2,想要关闭,请多次点击最小化按钮,即可. <html> <head> <titl ...

最新文章

  1. Installing PowerShell Management Library for windows server 2008
  2. 二极管7种应用电路详解之四
  3. xp系统怎么连接云服务器,xp系统怎么连接云服务器
  4. 10年前,三星差点收购了安卓
  5. VS2010环境下MFC使用DataGrid绑定数据源
  6. Spring mvc 启动配置文件加载两遍问题
  7. 办公技巧:EXCEL10个常用函数介绍
  8. Java Swing/AWT API速查手册
  9. Kettle计算器的使用以及字符串格式化
  10. enityframework 已连接的当前状态为打开。_蓝牙连接有问题吗?尝试针对macOS的以下6个修复程序
  11. 【Mysql】存储emoji表情报错(Incorrect string value: ‘\xF0\x9F\x98\x82\xF0\x9F...‘)的解决方案
  12. jsp和mysql答辩_如何应对JSP连接MySQL数据库问题_网站数据库怎么连接到网页答辩问题...
  13. chmod 777命令_Linux用户权限管理及用户权限管理命令操作
  14. js中的instanceof运算符
  15. 基于Vue的单页面格式化数据高亮编辑器组件:兼容json/xml/html/txt多种格式
  16. 关于Google谷歌微信不能使用小程序
  17. 怎么用磁盘压缩卷新建分区
  18. MCS51 系列单片机的中央处理器(CPU)
  19. 高温熔融玻璃液位检测用激光玻璃液位计
  20. js高阶函数的使用-filter/map/reduct

热门文章

  1. 【结果很简单,过程很艰辛】记阿里云Ons消息队列服务.NET接口填坑过程
  2. Oracle truncate、 delete、 drop区别
  3. [LeetCode] Count Primes
  4. 视频: 猫和老鼠真实版
  5. 用!important解决IE和Mozilla的布局差别(转)
  6. Apache Thrift - java开发详解
  7. kvm虚拟化学习笔记(十一)之kvm虚拟机扩展磁盘空间
  8. ContextCompat.checkSelfPermission()方法中的第二个参数
  9. 亚马逊贝索斯伸出橄榄枝后,巴菲特也力挺特朗普
  10. 为什么单片机程序中会有延时程序加入