轩尼诗珍藏版第五代:纯脚本搞掂DataGrid表表头不动，表身滚动。 - Think - 博客园

来源：百度文库编辑：九乡新闻网时间：2024/05/09 18:51:54

先看效果：

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

}

分类: ASP.net绿色通道：好文要顶关注我收藏该文与我联系

Think
关注 - 3
粉丝 - 83荣誉：推荐博客关注博主00(请您对文章做出评价)« 上一篇：今天你写控件了吗？----ASP.net控件开发系列(七)
» 下一篇：createPopup & event
posted @ 2005-05-27 17:04 Think 阅读(11848) 评论(41) 编辑收藏

发表评论

纯脚本搞掂DataGrid表表头不动，表身滚动。 - Think - 博客园 JavaScript脚本 - 阿一(杨正祎) - 博客园一个关于DataGrid的打印类,分享,感谢作者 - 活靶子.Net - 博客园博客首页滚动图片博客代码(滚动文字) 美化博客(滚动边框) DataGrid使用总结 - 小云子、asp.net开发学习笔记 - CSDN博客博客日志滚动条代码头条博客北京久坐不动疾病爬上“身” 罕见PHILIPS 8000巨型纯收音头-1000 Think tank Shell脚本什么是“脚本” 网易博客代码（日志滚动条）博客首页左向滚动的导航博客首字放大下沉、左侧滚动条新浪博客加入滚动新闻代码新浪博客加入滚动新闻代码1 博客日志的滚动条代码博客编程---滚动条代码1(2) 博客编程------滚动代码1(1) 好友博客滚动导航边栏五百万搞掂检察院？！纯美人 - gzbopai的日志 - 网易博客