固定表格行列(expression)在IE下適用_javascript技巧
- WBOY原創
- 2016-05-16 17:28:041207瀏覽
這是一種在IE下適用的固定行列的方法.其具體代碼如下:
複製代碼 代碼如下:
新文件
.FixedTitleRow
{
位置：相對；
top: 表達式(this.offsetParent.scrollTop);
z 索引：10;
寬度：80px；
背景顏色：#FFCC00;
}
.FixedDataColumn
{ 位置：相對;
左：表達式(this.parentElement.offsetParent.parentElement.scrollLeft);
背景顏色：#E6ECF0 }
.FixedColumnAndRows{
位置：相對;
top: 表達式(this.offsetParent.scrollTop);
左：表達式(this.offsetParent.scrollLeft);
左：表達式(this.offsetParent.scrollLeft);索引：20;
寬度：80px;
背景顏色：#FFCC00;
}
td{斷字：保留全部；}
| header | header | header | header | header | header | header | header | header | header | header | header | ||||||
| left | left | left | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| left | left | left | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| left | left | left | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| left | left | left | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| 左 | 左 | 左 | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | |
| 左 | 左 | 左 | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | - - | -- | -- |
| 左 | 左 | 左 | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |