JavaScript を使用してスクロール テーブルのヘッダー行と最初の列を修正する方法

JavaScript を使用してスクロールテーブルの最初の行と最初の列をロックする方法

次の場合にテーブルの最初の行と最初の列をロックするスクロールは、重要な情報が上部と左側にある大きな表の場合に便利な機能です。 CSS だけではこれを実現できませんが、JavaScript が解決策を提供します。

潜在的な JavaScript ソリューションとして fxdHdrCol プラグインを検討してください。このプラグインは、標準の HTML テーブルを、固定されたテーブル ヘッダーと列を備えたスクロール可能なテーブルに変換します。これにより、最初の行と最初の列を所定の位置に保ちながら、テーブルを水平方向および垂直方向にスクロールできます。

fxdHdrCol を使用するには、次のパラメーターをプラグインに渡すだけです。

<code class="javascript">$('#myTable').fxdHdrCol({
    fixedCols    : 3,       /* 3 fixed columns */
    width        : "100%",  /* set the width of the container (fixed or percentage)*/
    height       : 500      /* set the height of the container */
});</code>

次のように指定します。 fixCols パラメータを使用すると、テーブル内の固定列の数を定義できます。テーブルに合わせてコンテナの幅と高さを設定することもできます。

完全なデモとドキュメントについては、元の応答で提供されたリンクを参照してください。このソリューションは、表の最初の行と最初の列を効果的にロックし、よりユーザーフレンドリーなスクロールエクスペリエンスを提供します。

以上がJavaScript を使用してスクロール テーブルのヘッダー行と最初の列を修正する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。