Cognos列表和交叉表锁定表头功能.pdfVIP

Cognos列表和交叉表锁定表头功能 原理： 在报表页面利用 HTML 控件添加 DIV 层，并设置 DIV 的宽度和高度，通过 JS获取页面中 的列表或交叉表对象，列表和交叉表均为 table 控件，通过 JS对表的行或列进行操作。 实现步骤： 1. 在页面添加 3 个 HTML 控件 ,并在 1 和 2 之间添加一个列表或交叉表，如下图： Html 控件的内容如下： HTML1： div id=t style=z-index: 0; position: relative;float: left;text-align: left; width:300px; height:200px; overflow: scroll;padding: 0; border: 1px solid #AAA;background: #FFF; Div 的样式和属性可以根据需要任意设置。 HTML2： /div DIV 结束 HTML3： script vari, j, element , rowItem, cellItem; var ROWHEADNUM =2;// 设置需要浮动的行数（从上到下） var COLHEADNUM =1;//设置需要浮动的列数（从左到右） varalltable = document.all.tags(TABLE) for(i=0;ialltable.length;i++) { if(alltable[i].className ==ls) { element = alltable[i]; break; } } if ( element != null) { // 设置行表头 for (i=0; iROWHEADNUM; i++) { rowItem = element.rows(i); rowItem.style.cssText = z-index:10; position:relative; top:expression(this.offsetParent.scrollTop); ; } // 设置列表头 varrowSkip = 1; vartempColHeader = COLHEADNUM; var tempColHeader2 = COLHEADNUM; varstack,currentSkip; for (i=ROWHEADNUM; ielement.rows.length; i++) { rowItem = element.rows(i); if (i=ROWHEADNUM) { // rowItem.style.cssText = position:relative;; } for (j=0; jtempColHeader; j+=cellItem.colSpan) { cellItem = rowItem.cells(j); cellItem.style.cssText = position:relative; left:expression(this.offsetParent.scrollLe