コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > テーブル凍結ヘッダーのサンプル コード_JavaScript スキル

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

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

テーブル凍結ヘッダー:

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




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>




関連ラベル：
table
前の記事：HTMLで年、月、日、時、分、秒、曜日を表示する2つの方法 page_javascriptスキル 次の記事：Ext JS 4 は週による日付選択制御を実装します (実践戦闘 2)_extjs
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Bootstrap Vue チェックボックス <b-table> <b-form-checkbox>
から 1970-01-01 08:00:00
0
0
0
angular.js - ng-table タイトルが消えました! ！ ！ ！
から 1970-01-01 08:00:00
0
0
0
new DB() と direct DB->table() の違いは何ですか
から 1970-01-01 08:00:00
0
0
0
Vue.js を使用してボタンを使用して q-table の行を選択します
から 1970-01-01 08:00:00
0
0
0
Laravel移行におけるTextとLongTextの違いは何ですか?
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
シリアル番号
コンテンツ
 ;シリアル番号
内容
11 2 22 3 33 /td>
 ;コンテンツ
 44
 内容
55
コンテンツ

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

9910 1010 コンテンツ