2011-09-15 7 views
2

大型の表があり、通常はユーザーがページをスクロールしてデータを検索する必要があります。これにより、見出しが見えなくなったときに列/行を追跡することが困難になります。私はスクロール中に見えるようにしたいと思います。スクロール中に表の行タイトルと列タイトルを表示し続ける

私は最初の行(列ヘッダー)を見えるように管理しましたが(jsfiddle example)、最初の列に対して同じことをするには紛失しています。

PS:iframeソリューション(余分なスクロール)は必要ありませんが、私のものと似ていますが、最初の列は必要ありません。

編集:私はそれをやった:JSを使用してjsfiddle example

+0

可能な複製:http://stackoverflow.com/questions/1030043/html-table-headers-always-visible-at-top-of-window-when-viewing-a-large-table – Quasdunk

+0

重複ではありません。最初の行と最初の列の両方が見えるようにする必要があります。私はstackoverflowでこれに対する答えを見つけることができませんでした。 – radonys

+1

Webには多くのJSソリューションがあります。たとえばhttp://www.datatables.net - あなたが探しているのは、 "FixedColumns"と "FixedHeader"プラグイン(jQuery-datatablesを使用している場合)の組み合わせです。ところで、あなたのソリューションはスクロールしながら重くちらつきます。 – feeela

答えて

4

、私はちらつきやフリップを固定し、その結果は(私にとっては)今に最適です。 (jsfiddle example

3

は、このソリューションのためのビットやり過ぎのようです。テーブルを使って作業することは首に痛みますが、この目的のために使用できるCSSプロパティーはposition: fixedです。私は物事を整理することについては100%完璧ではないデモをまとめましたが、それをアプリケーションに使用する方法を示しています。

DEMO:興味のある方のためにhttp://wecodesign.com/demos/stackoverflow-7433377.htm

+0

私はあなたのコードを試しますが、固定サイズ、余白、幅などがありますが、わかりませんが。私はそれを試してみましょう。ありがとうございました。 – radonys

関連する問題