简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

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

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

テーブル凍結ヘッダー:

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




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
ソース：php.cn
前の記事：HTMLで年、月、日、時、分、秒、曜日を表示する2つの方法 page_javascriptスキル 次の記事：Ext JS 4 は週による日付選択制御を実装します (実践戦闘 2)_extjs
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
jqueryを使用してHTMLデータテーブルの選択されていない行の値を取得する方法 ボタンがクリックされなかったすべての行の値を取得しようとしています。たとえば、最初の行のボタンをクリックしたときに、クリックされなかった行の値を取得したいとします。 vartabl...
から 2024-04-05 09:26:49
0
1
1418
mysqlでネストされた関連値を取得する データベース内の複数のエントリに基づいて関連する値を取得しようとしています。私は JOIN などの使用に関して MySQL を初めて使用するため、不必要に PHP に関与することを...
から 2024-04-04 17:29:06
0
2
365
特定のクリック イベントをリッスンし、他のクリック イベントを抑制するにはどうすればよいですか? 私の Web アプリケーションには、各行が特定の URL にリンクする HTML テーブルが含まれています: <table><trdata-url="h...
から 2024-04-04 16:55:27
0
1
317
表のタイトルを垂直方向に回転、中央 + 下揃え、クロスブラウザー ヘッダーが回転されたテーブルがありますが、これは Chrome では期待どおりに表示されますが、Firefox では期待どおりに表示されません。 Chromev108 (垂直下、水...
から 2024-04-04 16:45:25
0
1
330
固定ヘッダーと回転列ヘッダーを備えた表 固定ヘッダーと固定最初の列を持つテーブルがあります。また、列ヘッダーを 45 度回転したいと考えています。固定タイトルには背景色を設定する必要があります。ただし、次の列の背景が前の...
から 2024-04-03 08:50:32
0
1
362
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！
シリアル番号
コンテンツ
 ;シリアル番号
内容
11 2 22 3 33 /td>
 ;コンテンツ
 44
 内容
55
コンテンツ

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

9910 1010 コンテンツ