纯脚本搞掂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="<font face=webdings>6</font>" 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表表头不动,表身滚动相关推荐
- VBA小程序--新增工作表_核实工作簿中所有工作表表头是否一致(2020-5-13更新升级,提升容错率)
这是之前的版本,2020-4-1日写的,现在回过来再看当时的代码,真的觉得当时脑子有坑,为什么这么笨,要这么写... Sub 新增工作表_核实工作簿中所有工作表表头是否一致()Dim sht As W ...
- 【Android 内存优化】libjpeg-turbo 函数库交叉编译与使用 ( 交叉编译脚本编写 | 函数库头文件拷贝 | 构建脚本配置 | Android Studio 测试函数库 )
文章目录 一.交叉编译 Shell 脚本参考 二.NDK r16b 版本配置 三.libjpeg-turbo 交叉编译 Shell 脚本 四.执行 libjpeg-turbo 交叉编译 Shell 脚 ...
- css列名不动_利用js+css+html实现固定table的列头不动
话不多说,跟这小编来一起看下吧 1.CSS #scroll_head { position: absolute; display: none; } 2.Javascript //该函数在上面一个tab ...
- 在nginx中集成lua脚本:添加自定义Http头,封IP等
Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言,从而可以在Nginx请求处理的任何阶段执行各种Lua代码.刚开始我们只是用Lua 把请求路由到后端服务器,但是它对我们架构的作用超出了我们的预 ...
- Linux纯脚本故障转移集群
以前搞过微软的Cluster--MSCS(Exchagne2003),感觉原理非常简单,最近在做一个Oracle DG的项目,平台是Linux,总想模仿MSCS写个自动切换的脚本,搞了半天,搞出来了分 ...
- 纯脚本创建桌面快捷方式
最近在看关于wmi的书,深深感觉wscript的危害之大.这里将书上提到的一些应用的例程放上来,大家鉴赏一下,可 不要拿来做坏事哟.新建一个vbs脚本文件.键入下面的内容 call testwmi() ...
- lol自动刷人机辅助_LOL真是运气游戏?玩家打排位遇脚本怒送20头,结果还赢了...
大家好我是没有感情的游戏日报江小风.LOLS10赛季已经全球同步开始,不少玩家都已经开始了上分之路,这些天来,不少人都在抱怨,什么队友有多菜,打穿1路还赢不了,什么对手都是爹等等.因此一个老话题就被提 ...
- 非常漂亮的Flash纯脚本生成饼图
数据来源于xml配置文件,可以直接修改xml文件以达到直接使用的目的.默认数据来源为piedata.xml但是可以在页面中修改这个数据来源.如下: 代码拷贝框 <object classid=& ...
- [转]纯脚本写的仿照cmd命令窗口
说明: 1,此代码转载自 夏天以南 博客,这个程序实在太妙了,转载出来让大家欣赏一下. 2,想要关闭,请多次点击最小化按钮,即可. <html> <head> <titl ...
最新文章
- Installing PowerShell Management Library for windows server 2008
- 二极管7种应用电路详解之四
- xp系统怎么连接云服务器,xp系统怎么连接云服务器
- 10年前,三星差点收购了安卓
- VS2010环境下MFC使用DataGrid绑定数据源
- Spring mvc 启动配置文件加载两遍问题
- 办公技巧:EXCEL10个常用函数介绍
- Java Swing/AWT API速查手册
- Kettle计算器的使用以及字符串格式化
- enityframework 已连接的当前状态为打开。_蓝牙连接有问题吗?尝试针对macOS的以下6个修复程序
- 【Mysql】存储emoji表情报错(Incorrect string value: ‘\xF0\x9F\x98\x82\xF0\x9F...‘)的解决方案
- jsp和mysql答辩_如何应对JSP连接MySQL数据库问题_网站数据库怎么连接到网页答辩问题...
- chmod 777命令_Linux用户权限管理及用户权限管理命令操作
- js中的instanceof运算符
- 基于Vue的单页面格式化数据高亮编辑器组件:兼容json/xml/html/txt多种格式
- 关于Google谷歌微信不能使用小程序
- 怎么用磁盘压缩卷新建分区
- MCS51 系列单片机的中央处理器(CPU)
- 高温熔融玻璃液位检测用激光玻璃液位计
- js高阶函数的使用-filter/map/reduct
热门文章
- 【结果很简单,过程很艰辛】记阿里云Ons消息队列服务.NET接口填坑过程
- Oracle truncate、 delete、 drop区别
- [LeetCode] Count Primes
- 视频: 猫和老鼠真实版
- 用!important解决IE和Mozilla的布局差别(转)
- Apache Thrift - java开发详解
- kvm虚拟化学习笔记(十一)之kvm虚拟机扩展磁盘空间
- ContextCompat.checkSelfPermission()方法中的第二个参数
- 亚马逊贝索斯伸出橄榄枝后,巴菲特也力挺特朗普
- 为什么单片机程序中会有延时程序加入