0

垂直にスクロールしたときにテーブル ヘッダーを固定したいと考えています。

また、テーブルをjQuery UIタブのタブコンテンツ内にとどめるにはどうすればよいですか? 底に合わせて配置したい。テーブルの上に他のコンテンツがあるため、タブ コンテンツの高さの 100% になることは想定されていませんが、利用可能なすべてのスペースを埋める必要があります (タブは画面の下に移動しないように特定の高さであるため、本文はありません)スクロールバーもタブもないと思われます)。今日ご覧いただけるように、テーブルの高さを 450px に固定しています。一部の画面では完璧ですが、一部の画面では外に出ています (写真を参照)。

ここに画像の説明を入力

可能であれば、スクロールバーをテーブルの終わりの隣ではなく、右側 (黄色の線) に配置したいと考えています。Facebookに似ていると思います。

4

1 に答える 1

1

私が見つけた他のソリューションはどれも私の要件をすべて満たしていなかったので、これを行うために非常に軽量な jQuery プラグインを作成しました。固定ヘッダー、フッター、列スパン (colspan)、サイズ変更、およびスクロールが開始される前に表示するオプションの行数をサポートします。

jQuery.scrollTableBody (GitHub)

<thead>適切な、<tbody>、および (オプション)を含むテーブルがある限り、<tfoot>必要なことは次のとおりです。

$('table').scrollTableBody();

更新: 水平スクロールのサポートも追加されました

于 2013-09-24T05:37:46.100 に答える