javascript之锁定表格栏位

2019-06-02 16:28:58王冬梅

var LockCols = 1        // 要锁定的栏位数 ( 由左至右 )

function WriteTable(){        // 写入表格
var iBoxWidth=BoxWidth
var NewHTML="<table border="0" cellpadding="0" cellspacing="0"><tr>
<td><div style="width:100%;overflow-x:scroll">
<table border="0" cellpadding="0" cellspacing="0"><tr>"
for(i=0;i<DataTitles.length;i++){
 if(i<LockCols){
   var cTitle=DataTitles[i].split("#")
   iBoxWidth-=cTitle[1]
   var DynTip=((i+1)==LockCols)?"解除锁定":"锁定此栏位"
   NewHTML+="<td><div class="title" style="width:"+cTitle[1]+"px;height:"+RsHeight+"px" title=""+DynTip+"" onclick="ResetTable("+i+")">"+cTitle[0]+"</div></td>"
 }
}
NewHTML+="</tr>
<tr><td colspan=""+LockCols+"">
<div id="DataFrame1" style="position:relative;width:100%;overflow:hidden">
<div id="DataGroup1" style="position:relative"></div></div>
</td></tr></table></div></td>
<td valign="top"><div style="width:"+iBoxWidth+"px;overflow-x:scroll">
<table border="0" cellpadding="0" cellspacing="0"><tr>"
for(i=0;i<DataTitles.length;i++){
 if(i>=LockCols){
   var cTitle=DataTitles[i].split("#")
   NewHTML+="<td><div class="title" style="width:"+cTitle[1]+"px;height:"+RsHeight+"px" title="锁定此栏位" onclick="ResetTable("+i+")">"+cTitle[0]+"</div></td>"
 }
}
NewHTML+="</tr>
<tr><td colspan=""+(DataTitles.length-LockCols)+"">
<div id="DataFrame2" style="position:relative;width:100%;overflow:hidden">
<div id="DataGroup2" style="position:relative"></div>
</div></td></tr></table>
</div></td><td valign="top">
<div id="DataFrame3" style="position:relative;background:#000;overflow-y:scroll" onscroll="SYNC_Roll()">
<div id="DataGroup3" style="position:relative;width:1px;visibility:hidden"></div>
</div></td></tr></table>"
DataTable.innerHTML=NewHTML
ApplyData()
}

function ApplyData(){        // 写入资料
var NewHTML="<table border="0" cellpadding="0" cellspacing="0">"
for(i=0;i<DataFields.length;i++){
 NewHTML+="<tr>"
 for(j=0;j<DataTitles.length;j++){