关于固定表头和列，加改变列宽的问题，高难度！！！！

谁能救救我啊，如果上面代码太乱，就请指点一下,怎样对一个<table></table>实现固定首行首列，加上调整列宽吧，万分感谢!

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

http://210.51.190.178/scripts/demo/ScrollGrid_V2/demo.htm
谢谢laochake(老茶客)
这个我有看过，不过我的数据是已经生成一个标准的Table了，有没有办法用一个脚本来控制锁定行和列，还支持改变列宽。如果能推荐一个，万分感谢!
<body onload=fixWidth()>
<table id="table1" border="1">
<tr>
<td>asdasdasdasdasdasdasdasdasdasdasdsa
</td>
<td>sddsfdsf
</td>
</tr>
<tr>
<td>asdasdasdasdasd
</td>
<td>sddsfdsf
</td>
</tr>
</table>
<input name=button1 type=button value="第一行增加" onclick=show()>
<script language=javascript>
function fixWidth()//固定列宽的函数
{
var obj=document.getElementById("table1")
obj.width="400"
obj.style.wordBreak="break-all"
obj.childNodes[0].childNodes[0].childNodes[0].width="50%"
alert("行宽度调整过，固定为200象素")
}
function show()
{
var obj=document.getElementById("table1").childNodes[0].childNodes[0].childNodes[0]
obj.width=obj.clientWidth+parseInt(10)
}
</script>
你说的固定行和列是指什么？每列都固定那么宽？可以用CSS中的
table-layout:fixed
hbhbhbhbhb1021(天外水火(我要多努力)) 兄:
能否帮忙瞧瞧。
如果是IE only的话，用数据岛，然后就可以用那个控件了
（把标准table的数据转成数据岛应该是很容易的事吧）
To:laochake(老茶客):
能否举个例子，谢谢
大体上这样可以实现，具体高度什么的还要再调下
<body onload=fixWidth()>
<table id="table1" border="1" style="width:400" style="word-break:break-all;">
<tr>
<td style="width:50%">第一列
</td>
<td>第二列
</td>
</tr>
<tr>
<td style="width:50%">asdasdasdasdasdasdasdasdasdasdasdsa
</td>
<td>sddsfdsf
</td>
</tr>
<tr>
<td>asdasdasdasdasd
</td>
<td>sddsfdsf
</td>
</tr>
<tr>
<td>asdasdasdasdasd
</td>
<td>sddsfdsf
</td>
</tr>
<tr>
<td>asdasdasdasdasd
</td>
<td>sddsfdsf
</td>
</tr>
<tr>
<td>asdasdasdasdasd
</td>
<td>sddsfdsf
</td>
</tr>
<tr>
<td>asdasdasdasdasd
</td>
<td>sddsfdsf
</td>
</tr>
</table>
<input name=button1 type=button value="第一列增加" onclick=show()>
<script language=javascript>
function fixWidth()//固定列宽的函数
{
var obj=document.getElementById("table1")
var objdiv=document.createElement("<div id='div1'>");
objdiv.innerHTML=obj.outerHTML.replace(/table1/i,"table2").replace(/<tr[^>]*>([^\x04](?!<\/tr>))*[^\x04]<\/tr>/i,"")
objdiv.style.width=obj.clientWidth;
objdiv.position="relative"
objdiv.style.height="118"
objdiv.style.overflowY="scroll"
objdiv.style.overflowX="hidden"
var objtr=obj.insertRow()
var objcell=objtr.insertCell(0);
objcell.colSpan="2"
objcell.style.width=obj.clientWidth;
objcell.appendChild(objdiv);
for(var i=(obj.childNodes[0].childNodes.length-2);i>=1;i--)
{
obj.deleteRow(i);
}
}
function show()
{
document.body.innerHTML=document.body.innerHTML
var obj1=document.getElementById("table1").childNodes[0]
obj1.childNodes[0].childNodes[1].style.width=obj1.childNodes[0].childNodes[1].clientWidth-parseInt(10)
obj1.childNodes[0].childNodes[0].style.width=obj1.childNodes[0].childNodes[0].clientWidth+parseInt(10)
var obj2=document.getElementById("table2").childNodes[0]
obj2.childNodes[0].childNodes[0].style.width=obj2.childNodes[0].childNodes[0].clientWidth+parseInt(10)
}
</script>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>
<style>
.resizeDivClass
{
position:relative;
background-color:red;
width:2;
z-index:1;
left:expression(this.parentElement.offsetWidth-1);
cursor:e-resize;}
</style><script language=javascript>function MouseDownToResize(obj){
obj.mouseDownX=event.clientX;
obj.pareneTdW=obj.parentElement.offsetWidth;
obj.pareneTableW=theObjTable.offsetWidth;
obj.setCapture();
}
function MouseMoveToResize(obj){
    if(!obj.mouseDownX) return false;
    var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX;
    if(newWidth>0)
    {
obj.parentElement.style.width = newWidth;
theObjTable.style.width=obj.pareneTableW*1+event.clientX*1-obj.mouseDownX;
}
}
function MouseUpToResize(obj){
obj.releaseCapture();
obj.mouseDownX=0;
}</script>
</head><body>改变table的列宽度
<table id=theObjTable STYLE="table-layout:fixed" >
<tr bgcolor=cccccc >
<td valign=top >
<font class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>
aaa</td>
<td valign=top >
<font class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>
ddd</td>
<td valign=top >
<font class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>
ddd</td>
</tr><tr>
<td>aaaa  fdsa fda fdsa fdsa fdsa fdsa fdsa fda fdsa fdsafdsa fdsa fdsa a</td><td>bbbb</td><td>dddd</td>
</tr>
</table>
</body></html>
hbhbhbhbhb1021(天外水火(我要多努力)) 兄，
我发信息给你了，关于个还有点问题请教。
JK_10000(JK)兄，
谢谢你的回复，你的可以实现调整列宽，但是我的Table由于要支持固定行和列，加上这个功能后，你的这个调整就不起作用了，不知为何，可否帮忙调一下，以下是我的代码,我已实现固定表头和列的功能，但改变列宽的功能就是不行。谢谢<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 3</title>
    <style>
.resizeDivClass
{
position:relative;
background-color:red;
width:2;
z-index:1;
left:expression(this.parentElement.offsetWidth-1);
cursor:e-resize;}
</style>    <script language="javascript">function MouseDownToResize(obj){
obj.mouseDownX=event.clientX;
obj.pareneTdW=obj.parentElement.offsetWidth;
obj.pareneTableW=accountTable.offsetWidth;
obj.setCapture();
}
function MouseMoveToResize(obj){
    if(!obj.mouseDownX) return false;
    var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX;
    if(newWidth>0)
    {
obj.parentElement.style.width = newWidth;
accountTable.style.width=obj.pareneTableW*1+event.clientX*1-obj.mouseDownX;
}
}
function MouseUpToResize(obj){
obj.releaseCapture();
obj.mouseDownX=0;
}    </script>
</head><body>
<div id="scrollDiv" style="border-right: #AAA99E 1px solid; border-top: #AAA99E 1px solid;border-bottom: #AAA99E 1px solid; border-left: #AAA99E 1px solid; width: 300px;
overflow: auto; cursor: default; display: inline; position: absolute; height: 200px"
runat="server">
<Table id='accountTable' class='Grid' width='500' height='230' cellPadding='0' cellSpacing='0' frame='box' STYLE='table-layout:fixed' borderColor='lightgrey'>
<COLGROUP id='tg'>
<COL>
<COL>
<COL>
<COL>
<COL>
<COL>
<COL>
<COL>
<COL>
<COL>
<COL>
<COL>
<COL>
<COL>
<COL>
</COLGROUP>
<THEAD style='DISPLAY: none'>
<TH>
<TH>
<TH>
<TH>
<TH>
<TH>
<TH>
<TH>
<TH>
<TH>
<TH>
<TH>
<TH>
<TH>
<TH>
</THEAD>
<TBODY>
<TR style='position: relative;
top: expression(this.offsetParent.scrollTop);z-index:10;background-color: #E6ECF0;'>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>ID0</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>CK0</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>Code0</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>Descirption0</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>TOL0</TD>
<TD class='UnLockColumn'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>XS0</TD>
<TD class='UnLockColumn'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>SS0</TD>
<TD class='UnLockColumn'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>MS0</TD>
<TD class='UnLockColumn'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>DS0</TD>
<TD class='UnLockColumn'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>BS0</TD>
<TD class='UnLockColumn'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>XL0</TD>
<TD class='UnLockColumn'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>ML0</TD>
<TD class='UnLockColumn'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>DL0</TD>
<TD class='UnLockColumn'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>EM0</TD>
<TD class='UnLockColumn'><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>BM0</TD>
</TR>
<TR style='position: relative;
top: expression(this.offsetParent.scrollTop);z-index:10;background-color: #E6ECF0;'>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'>88</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'>88</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'>88</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'>88</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'>88</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
</TR>
<TR>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>111</TD>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>111</TD>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>1111</TD>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>This is Test</TD>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>1</TD>
<TD class='UnLockColumn'>001</TD>
<TD class='UnLockColumn'>002</TD>
<TD class='UnLockColumn'>003</TD>
<TD class='UnLockColumn'>004</TD>
<TD class='UnLockColumn'>005</TD>
<TD class='UnLockColumn'>006</TD>
<TD class='UnLockColumn'>007</TD>
<TD class='UnLockColumn'>008</TD>
<TD class='UnLockColumn'>009</TD>
<TD class='UnLockColumn'>010</TD>
</TR>
<TR>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>111</TD>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>111</TD>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>1111</TD>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>This is Test</TD>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>1</TD>
<TD class='UnLockColumn'>001</TD>
<TD class='UnLockColumn'>002</TD>
<TD class='UnLockColumn'>003</TD>
<TD class='UnLockColumn'>004</TD>
<TD class='UnLockColumn'>005</TD>
<TD class='UnLockColumn'>006</TD>
<TD class='UnLockColumn'>007</TD>
<TD class='UnLockColumn'>008</TD>
<TD class='UnLockColumn'>009</TD>
<TD class='UnLockColumn'>010</TD>
</TR>
<TR>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>111</TD>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>111</TD>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>1111</TD>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>This is Test</TD>
<TD style='position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);background-color: #E6ECF0;'>1</TD>
<TD class='UnLockColumn'>001</TD>
<TD class='UnLockColumn'>002</TD>
<TD class='UnLockColumn'>003</TD>
<TD class='UnLockColumn'>004</TD>
<TD class='UnLockColumn'>005</TD>
<TD class='UnLockColumn'>006</TD>
<TD class='UnLockColumn'>007</TD>
<TD class='UnLockColumn'>008</TD>
<TD class='UnLockColumn'>009</TD>
<TD class='UnLockColumn'>010</TD>
</TR>
</TBODY>
</Table></div>
</body></html>
laochake(老茶客)兄：
感谢你提供的例子，只是我是在改之前同事的一个功能，而原来的Table里面已经有很多功能处理，而且公司要得很急，所以我没有时间来全部改造.
现在只需要把我上面发的这个Table加上调整列宽的功能。因为固定行和列，上面的Table已做到，我想之所以调整列宽不行，可能是因为固定行和列时用了Postion:Relative的原因，但我对脚本这块不是很熟。
在此恳求各位脚本高手们帮帮忙了。谢谢，
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 3</title>
<style>
.resizeDivClass
{
position:relative;
background-color:red;
width:2;
z-index:1;
left:expression(this.parentElement.offsetWidth-1);
cursor:e-resize;}</style>    <script language="javascript">function MouseDownToResize(obj){
obj.mouseDownX=event.clientX;
obj.pareneTdW=obj.parentElement.offsetWidth;
obj.pareneTableW=accountTable.offsetWidth;
obj.setCapture();
}
function MouseMoveToResize(obj){
    if(!obj.mouseDownX) return false;
    var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX;
    if(newWidth>0)
    {
obj.parentElement.style.width = newWidth;
accountTable.style.width=obj.pareneTableW*1+event.clientX*1-obj.mouseDownX;
}
}
function MouseUpToResize(obj){
obj.releaseCapture();
obj.mouseDownX=0;
}    </script>

    <script defer>

    for(var i=0;i<headerTr.cells.length;i++)
    {
     headerTr.cells[i].styleOffsetWidth=headerTr.cells[i].offsetWidth;
    }

    for(var i=0;i<headerTr.cells.length;i++)
    {
     headerTr.cells[i].style.width=headerTr.cells[i].styleOffsetWidth;
    }

    accountTable.style.tableLayout='fixed';
    </script>
</head><body>
<div id="scrollDiv" style="border-right: #AAA99E 1px solid; border-top: #AAA99E 1px solid;border-bottom: #AAA99E 1px solid; border-left: #AAA99E 1px solid; width: 300px;
overflow: auto; cursor: default; display: inline; position: absolute; height: 200px"
runat="server">
<Table id='accountTable' class='Grid'  cellPadding='0' cellSpacing='0' frame='box' STYLE='table-layout:fixed' borderColor='lightgrey'> <TBODY>
<TR style='position: relative;
top: expression(this.offsetParent.scrollTop);z-index:10;background-color: #E6ECF0;' id=headerTr>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>ID0</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>CK0</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>Code0</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>Descirption0</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>TOL0</TD>
<TD class='UnLockColumn' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>XS0</TD>
<TD class='UnLockColumn' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>SS0</TD>
<TD class='UnLockColumn' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>MS0</TD>
<TD class='UnLockColumn' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>DS0</TD>
<TD class='UnLockColumn' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>BS0</TD>
<TD class='UnLockColumn' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>XL0</TD>
<TD class='UnLockColumn' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>ML0</TD>
<TD class='UnLockColumn' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>DL0</TD>
<TD class='UnLockColumn' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>EM0</TD>
<TD class='UnLockColumn' ><font   class="resizeDivClass"   onmousedown="MouseDownToResize(this);"   onmousemove="MouseMoveToResize(this);"   onmouseup="MouseUpToResize(this);"></font>BM0</TD>
</TR>

<TR style='position: relative;
top: expression(this.offsetParent.scrollTop);z-index:10;background-color: #E6ECF0;'>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'>88</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'>88</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'>88</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'>88</TD>
<TD style='POSITION: relative;LEFT: expression(this.parentElement.offsetParent.scrollLeft);'>88</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
<TD class='UnLockColumn'>22</TD>
</TR>
</TBODY>
</Table></div>
</body></html>------
代码如上
不过，你的代码有较大的改善空间
最好等到改善后再出货另外的一个建议：
不要过于追求页面的效果
这不是bs系统的长处
结果可能会适得其反,没有给公司加分，反而给公司减分。
JK_10000(JK)兄，
非常感谢你的建议，我会作相应的改善的，
对于你给的代码，还有一个问题，就是表头左边的那几列锁定的列不能调整列宽了，
能否帮忙再改一下，谢谢！
下班前结贴。