用js:DoScrollTable("GridView1");
function DoScrollTable(id)
{
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);
}
function DoScrollTable(id)
{
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);
}
解决方案 »
- jquery Live事件绑定WdataPicker()方法无效!
- URL传参的难题,急~~~~
- 关于svn的断线问题。
- ASP.NET访问数据库
- Excel只能本机导入?
- FreeTextBox使用中的出错
- 在ASP.NET中查询条件和结果在一个页上,怎样打印时只打印查询结果,不打印条件?
- System.Data.OleDb.OleDbException: 至少一个参数没有被指定值。
- widnows2008下asp.net服务器上打开一个exe程序,比如记事本。
- 给个简单的例子好吗?treeView----------asp.net------VB
- 请问有用devexpress+ajaxpro做开发的嘛?
- SQL server 与oracle 函数对比
将Gridview放到一个div里面,设置div的style="overflow: auto;"
再加CSS .DataGridFixedHeader
{
POSITION: relative ;
TOP: expression(this.offsetParent.scrollTop);
BACKGROUND-COLOR: blue ;
height:25px;
color:#ffffff;
text-align:center ;
vertical-align:middle;
font-weight:bold;
font-size:13px;
background-color:#5D7B9D;
}
设置Gridview的 HeaderStyle的CSSClass="DataGridFixedHeader"
将Gridview放到一个div里面,设置div的style= "overflow: auto; "
再加CSS .DataGridFixedHeader
{
POSITION: relative ;
TOP: expression(this.offsetParent.scrollTop);
BACKGROUND-COLOR: blue ;
height:25px;
color:#ffffff;
text-align:center ;
vertical-align:middle;
font-weight:bold;
font-size:13px;
background-color:#5D7B9D;
}
设置Gridview的 HeaderStyle的CSSClass= "DataGridFixedHeader "
高手呀.......