固定表格行列(expression)在IE下适用

【字号: 日期:2024-06-03浏览:40作者:雯心
这是一种在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 table cellpadding=’0’ cellspacing=’0’ bordercolor=’lightgrey’ border='1' tr bgcolor='#FFCC00' 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 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 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 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 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 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 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 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 /table /body /html /* 这种固定行列的方式只适用于IE,并且只适用于数据量较少的情况.数据量很多时是非常耗资源的!*/ 您可能感兴趣的文章:Express作者TJ告别Node.js奔向GoNodeJS Express框架中处理404页面一个方式node.js Web应用框架Express入门指南javascript中expression的用法整理nodejs教程 安装express及配置app.js文件的详细步骤NodeJS框架Express的模板视图机制分析Express.JS使用详解
相关文章: