1、顶部创建HTML项1
<DIV style="OVERFLOW: auto; WIDTH: 600px;HEIGHT: 400px">
2、页脚创建html项2
</DIV>
3、页脚创建html项3
<!--下面这些样式用来处理行列锁定-->
<style type="text/css">
.lockRow {
POSITION: relative;
border-width: 1px;
top: expression( this . offsetParent . offsetParent . scrollTop );
Z-INDEX: 5;
}
.lockRow td {
POSITION: relative;
}
.lockColumn {
Z-INDEX: 4;
POSITION: relative;
left: expression( this . parentElement . offsetParent . parentElement . scrollLeft );
}
.crossHeader
{
Z-INDEX: 6;
POSITION: relative;
left: expression( this . parentElement . offsetParent . parentElement . scrollLeft );
}
</style>
<script type="text/javascript">
//获取访问报表对象
function getObjectName() {
return document.getElementById("cv.id").value;
}
//获取id为RVContent_NS_或RVContentRS的DIV对象
function getRVContent() {
var objName = getObjectName();
return eval("document.getElementById('RVContent" + objName + "');");
}
//获取当前表格对象
function getTable(sortTableId, rvContent)
{
var sortTable;
var tables = rvContent.getElementsByTagName("table");
for (var i = 0; i < tables.length; i++)
{
if (tables[i].getAttribute("LID") == sortTableId)
{
sortTable = tables[i];
break;
}
}
return sortTable;
}
//锁定行表头和列表头
function initLockTable(table_id, lockRows, lockColumns) {
var table = getTable(table_id+getObjectName(), getRVContent());
table.style.position = "relative";
var tabRows = table.rows.length;
table.style.display = "inline";
//处理表头锁定
for (var i = 0; i < lockRows; i++)
{
table.rows[i].className = "lockRow";
}
for(var k=0;k<tabRows ;k++) {
for(var l=0;l<lockColumns;l++) {
table.rows[k].cells[l].className = "ml lockColumn";
}
}
}
initLockTable("locktable",1,2);
</script>