IE_javascript 기술에서 고정 테이블 행 및 열(표현식)을 적용할 수 있습니다.
- WBOY원래의
- 2016-05-16 17:28:041175검색
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);
z-색인: 20;
너비: 80px;
배경색: #FFCC00;
}
td{word-break : 모두 유지;}
| header | header | header | header | header | header | header | header | header | header | header | header | ||||||
| left | left | left | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| left | left | left | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| left | left | left | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| left | left | left | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| 왼쪽 | 왼쪽 | 왼쪽 | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| 왼쪽 | 왼쪽 | 왼쪽 | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| 왼쪽 | 왼쪽 | 왼쪽 | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |