ホームページ > 記事 > ウェブフロントエンド > 固定テーブルの行と列 (式) は IE_javascript スキルに適用可能です
固定テーブルの行と列 (式) は IE_javascript スキルに適用可能です
- WBOYオリジナル
- 2016-05-16 17:28:041175ブラウズ
これは IE で適用できる行と列を固定する方法です。具体的なコードは次のとおりです。
コードをコピーします コードは次のとおりです。以下のように:
<頭>
<タイトル>新しいドキュメント
.FixedTitleRow
{
位置: 相対;
トップ: 式(this.offsetParent.scrollTop);
z インデックス: 10;
幅: 80px;
背景色: #FFCC00;
}
.FixedDataColumn
{ 位置: 相対;
左: 式(this.parentElement.offsetParent.parentElement.scrollLeft);
背景色: #E6ECF0;
}
.FixedColumnAndRows{
位置: 相対;
トップ: 式(this.offsetParent.scrollTop);
左: 式(this.offsetParent.scrollLeft);
z インデックス: 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 | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| left | left | left | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| left | left | left | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |
| left | left | left | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- | -- |