ホームページ > ウェブフロントエンド > jsチュートリアル > テーブル凍結ヘッダーのサンプル コード_JavaScript スキル

テーブル凍結ヘッダーのサンプル コード_JavaScript スキル

WBOY
リリース: 2016-05-16 17:24:59
オリジナル
1101 人が閲覧しました

テーブル凍結ヘッダー:

コードをコピー コードは次のとおりです:




HTML ソース コード:


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 🎜>
javascript">
function fixupFirstRow(tab) {
var div=tab.parentNode;
if(div.className.toLowerCase()=="freezediv"){
tab.rows[0 ].style.zIndex= "1";
tab.rows[0].style.position="relative";
div.onscroll = function(){
var tr = tab.rows[0] ];
tr .style.top = this.scrollTop==0?1:2);
tr.style.left=-1; >}

window.onload = function(){
var tab=document.getElementById("freezedivTable");
if(tab){
fixupFirstRow(tab); }
}





/td>











5

🎜>


8

td>9
;コンテンツ

tr>




関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
シリアル番号
コンテンツ
;シリアル番号
内容
11 2 22 3 33 /td>
;コンテンツ
44
内容
55
コンテンツ

コンテンツ
;/td>
7
77
内容
;コンテンツ

9910 1010 コンテンツ