最近、私がプロジェクト統計を行っていたとき、私は特定の要件に遭遇し、上下にスクロールするときにテーブルを修正する必要があります。左右にスクロールすると、テーブルがテーブルの最初の列に固定されている場合、テーブルの最初の列の最後の列が固定されています。
レンダリングを最初に置く方が明確かもしれません：
左右にスクロールすると、2つの列が固定され、ヘッドとテールの中央部がそれに応じてスクロールします。
上下にスクロールするとき、頭と尾が固定され、最初と最後の列の中央部がそれに応じてスクロールします。
アイデア：長い間考えていた後、私は単にテーブルを使用する場合、基本的に達成することが困難であり、上下にスクロールするときに競合する場所があることがわかりました。最後に、DIVレイアウトを使用し、テーブルデザインを模倣してこの効果を達成するように考えを変えました。
解決する： 1。全体的なレイアウト：上、中央、下部、つまりヘッダー、ボディ、フッターの3つの部分に分割されています。体はしっかりしています。上下のスクロールを実装します。とても簡単ではありませんか？ハハ。 2。ヘッダーレイアウト：左の容器に分割され、左の幅の幅のフロート、コンテナ80％幅のフロート、右10％の幅のフロートが残っています。データの実際の幅column-Container（相対的な位置決め）のコンテナを追加します。3。ボディ、フッター、ヘッダー。
4。コントロールコア：コンテナと同じ幅のA（80％）DIVを生成し、列コンテナー（ID =スクロールなど）と同じ実際のデータ幅のDIVを配置します。左右のスクロールバーをシミュレートします。
JavaScriptコードコピーコンテンツにクリップボードに