Table 固定标题列
1 <div style="position:fixed;top:0;left:0;width:100%;z-index:99;background-color:#fff;padding-left:10px;display:none" id="mytitle"> 2 <table id="titletable" class="table2" style="width:99%;text-align:center;"> 3 </table> 4 </div>
1 settable(); 2 function settable() { 3 var fro = document.getElementsByClassName("fro"); 4 var table = document.getElementById("titletable"); 5 var wheit = 0; 6 var len = fro.length 7 for (var i = 0; i < len; i++) { 8 9 var tr = document.createElement("tr"); 10 for (var k = 0; k < fro[i].childNodes.length; k++) { 11 var td = document.createElement("td"); 12 var child = fro[i].childNodes[k] 13 if (child.innerHTML) { 14 var div=document.createElement("div"); 15 div.innerHTML = child.innerHTML; 16 td.rowSpan = child.rowSpan; 17 td.colSpan = child.colSpan; 18 19 console.log(child.offsetWidth); 20 div.style.width = child.offsetWidth-9 + "px"; 21 td.appendChild(div); 22 tr.appendChild(td); 23 if (i == 0) { 24 wheit += child.offsetWidth; 25 } 26 } 27 } 28 table.appendChild(tr); 29 } 30 document.getElementById("titletable").style.width = wheit + "px"; 31 console.log(table); 32 } 33 34 function fixTabel() 35 { 36 var sl = -Math.max(document.body.scrollLeft, document.documentElement.scrollLeft); 37 var fro = document.getElementsByClassName("fro"); 38 if (fro[0].getBoundingClientRect().top < 0) { 39 document.getElementById("mytitle").style.display = ""; 40 } 41 else { 42 document.getElementById("mytitle").style.display = "none"; 43 } 44 } 45 function getTop(e) { 46 var offset = e.offsetTop; 47 if (e.offsetParent != null) offset += getTop(e.offsetParent); 48 return offset; 49 }