<table>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
...........
</table>第一行表头不动,第二行开始滚动,请问怎么做啊
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
...........
</table>第一行表头不动,第二行开始滚动,请问怎么做啊
解决方案 »
- vs2008开发企业OA系统的身份验证问题?
- 想wuyq11问十个问题之三
- formview中使用findcontrol()找控件
- repeater or datalist 中得不到正确的checkbox.checked属性
- 如何取得服务器端IP,名字,域名?还有客户端呢?等,马上结贴。
- 88 求ASP.NET+C#+SQLSERVER写的OA或者CRM!!! 如果分不够另外的80分也给你!
- IE6 Runtime Error,IE7正常
- 只知道数据库的名字,可以把数据库里的表读出来吗?
- 为什么安装了活动目录后,NET开发工具就没有用
- 菜鸟问题!!!页面显示后台数据
- 求助:datagrid的问题
- 熟悉AJAX ASP.NET对IE要求的一些问题.
{
var tb = document.getElementById(id);
var eNext = tb.nextSibling;
var th = tb.cloneNode(true)
//记录宽度
var ary = new Array();
var width = tb.offsetWidth;
var height = tb.offsetHeight;
for(var i=0;i<tb.rows[0].cells.length;i++)
{
ary[i] = tb.rows[0].cells[i].offsetWidth;
}
while(true && th.rows.length>1)
{
th.deleteRow(1);
}
tb.deleteRow(0)
var divHeader = document.createElement("div");
var divBody = document.createElement("div");
tb.parentNode.replaceChild(divHeader,tb);
divHeader.appendChild(th);
if(eNext)
{
divHeader.parentNode.insertBefore(divBody,eNext);
}else
{
divHeader.parentNode.appendChild(divBody);
}
divBody.appendChild(tb);
divHeader.style.cssText = "width:100%;overflow:hidden";
if(!document.all)
{
// divHeader.style.cssText = "width:"+(divBody.offsetWidth-20)+"px";
th.width = divBody.offsetWidth-16;
}
divBody.style.cssText = "width:100%;overflow-y:auto;overflow-x:hidden;height:"+tb.getAttribute("viewheight") +"px";
th.style.cssText ="table-layout:fixed"
tb.style.cssText ="table-layout:fixed"
if(parseInt(tb.getAttribute("viewheight").replace(/px/gi,"")) > height)
{
divBody.style.height = height;
}
//th.width = null;
if(tb.rows.length>0)
{
var tr1 = tb.rows[0];
var th0 = th.rows[0];
//th0.className = null;
for(var i=0 ;i<tr1.cells.length;i++)
{
th0.cells[i].style.width = ary[i];
tr1.cells[i].style.width = ary[i];
if(!document.all)
{
th0.cells[i].width = ary[i];
tr1.cells[i].width = ary[i];
}
}
}
//alert(th.rows[0].cells[0].offsetWidth);
//alert(tb.rows[0].cells[0].offsetWidth);
//tb.rows[0].cells[0].style.width = "627px"
//alert(tb.rows[0].cells[0].offsetWidth);
}
调用 DoScrollTable(DataGrid1);
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
...........
</table>
表头如果如上内容放到另外一个table
<div style="overflow-y:scroll:width:500px;height:100px">
<table>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
...........
</table>
</div>