这是一种在IE下适用的固定行列的方法.其具体代码如下:
复制代码 代码如下:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
html
head
title New Document /title
style
.FixedTitleRow
{
position: relative;
top: expression(this.offsetParent.scrollTop);
z-index: 10;
width: 80px;
background-color: #FFCC00;
}
.FixedDataColumn
{ position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);
background-color: #E6ECF0;
}
.FixedColumnAndRows{
position: relative;
top: expression(this.offsetParent.scrollTop);
left: expression(this.offsetParent.scrollLeft);
z-index: 20;
width: 80px;
background-color: #FFCC00;
}
td{word-break : keep-all;}
/style
/head
body
div id="scrollDiv" style="width:500; height:150; overflow: auto; cursor: default; display: inline; position: absolute;"
table width="100%" cellpadding=’0’ cellspacing=’0’ bordercolor=’lightgrey’ border="1" style="table-layout:fixed"
tr bgcolor="#FFCC00" style="font-size:12px; text-align:center; font-weight:bold;height:25px;"
td class="FixedColumnAndRows"header/td
td class="FixedColumnAndRows"header/td
td class="FixedColumnAndRows"header/td
td class="FixedTitleRow"header/td
td class="FixedTitleRow"header/td
td class="FixedTitleRow"header/td
td class="FixedTitleRow"header/td
td class="FixedTitleRow"header/td
td class="FixedTitleRow"header/td
td class="FixedTitleRow"header/td
td class="FixedTitleRow"header/td
td class="FixedTitleRow"header/td
/tr
tr style="font-size:12px; text-align:center;height:20px;"
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
/tr
tr style="font-size:12px; text-align:center;height:20px;"
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
/tr
tr style="font-size:12px; text-align:center;height:20px;"
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
/tr
tr style="font-size:12px; text-align:center;height:20px;"
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
/tr
tr style="font-size:12px; text-align:center;height:20px;"
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
/tr
tr style="font-size:12px; text-align:center;height:20px;"
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
/tr
tr style="font-size:12px; text-align:center;height:20px;"
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td class="FixedDataColumn"left/td
td--/td
td--/td
td--/td
td--/td
td--/td
td--/td
推荐阅读
- 表格如何做成一个月30天
- excel设置表格数据格式教程分享
- wps里word表格怎么调整
- Excel分类汇总
- 固定窗口方法 IE6 position:fixed bug
- expression CSS表达式解决IE6 position:fixed无效问题
- excel表格汇总分类能手合并Excel文件的操作方法
- Win8中将传统桌面版IE10快捷方式固定到开始屏幕
- 一个表格里面怎么写两行字
- 至诚电子表格合并助手合并Excel表格的方法