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     }

 

posted @ 2020-11-21 19:20  周小杰  阅读(304)  评论(0编辑  收藏  举报