ホームページ > ウェブフロントエンド > jsチュートリアル > 固定テーブルの行と列 (式) は IE_javascript スキルに適用可能です

固定テーブルの行と列 (式) は IE_javascript スキルに適用可能です

WBOY
リリース: 2016-05-16 17:28:04
オリジナル
1229 人が閲覧しました

これは 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 -- -- -- -- -- -- -- -- -- -- -- -- -- -- --



/* このような固定列の方式は IE でのみ使用され、データ量が少ない場合にのみ使用されます。データ量は頻繁にリソースを消費します!*/
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート