
助けてください。
たとえば、10項目の列を持つテーブルがあったとします。
レコード件数は100件だとします。
画面に表示できるのは5項目、10件だとした場合、
そのテーブルに対して縦横スクロールバーを
つけるのですが、その際に縦スクロールバーを下に動かした場合、
<th>列名だけはスクロールさせず、レコード部のみスクロールさせたいです。
また、横スクロールバーを右に動かした場合、5項目は固定で6項目目以降をスクロールさせたいです
※エクセルのウインドウ枠の固定 を適用したイメージ
htmlとスタイルシートで実現できますでしょうか?
No.1ベストアンサー
- 回答日時:
リンク、ありがごうございました!
jqueryは使用したことがないので
勉強させていただきます。
本当に画面デザインは奥が深いというか難しいですね
No.2
- 回答日時:
そのような長いtableでしたら、
<table summary="何たらの表">
<caption>なんたら</caption>
<thead>
<tr>
</tr>
</thead>
<tfoot>
<tr>
</te>
<tfoot>
<tbody>
<tr>
</tr>
<tr>
</tr>
</tbody>
</table>
のようにマークアップされているはずです。
<thead>をfixedで固定してしまえば、期待通りになるはずです。ただIEという糞ブラウザはとても難しいです。
以前、
テーブルをスクロールさせるときのスクロールの位置 - HTML - 教えて!goo ( http://oshiete.goo.ne.jp/qa/7105490.html )
で散々悩まされました。
今はjQueryでそれを行うこともできるかと思います。
しかし、マークアップには<thead><tfoot>をきちんとマークアップしてください。印刷するとその効果がわかります。※なおscreen用のスタイルシートはmedia=screenに指定しておいたほうが良いです。もいしにちほせすにみかには適用しないようにしておかないと、折角のマークアップが役立ちません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
colspanを動的に行う
-
画像の横にテーブルを。。。
-
ドリームウィーバーでテーブル...
-
箇条書きリストのすぐ横に画像...
-
Windowsでテーブルが下に下がる
-
CSSで文字を一番下の中央に表示...
-
テーブル内に画像を表示したい。
-
テーブルが自動改行される
-
テーブルとテーブルの間隔について
-
テーブル内のセル間にスペース...
-
テーブルの行を折りたたみたい...
-
tableタグとformタグの組み合わせ
-
中に<table></table>が使えるア...
-
テーブルの任意の列を非表示に...
-
html でのテキスト結合について
-
TABLEのセルの中の文字を行単位...
-
<img>タグにCSSのclass設定可能?
-
CSSで特定のテーブルだけに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
テーブル内に画像を表示したい。
-
テーブル内でdlタグ使った際の...
-
ウィンドウのサイズを変えても...
-
箇条書きリストのすぐ横に画像...
-
tableのheight指定が効かない
-
商用サイトでスタイルシートか...
-
テーブルの位置について
-
IE以外のブラウザで隙間ができる
-
FOMA対応サイトでの背景指定の...
-
2つのテーブルを左右に表示した...
-
プルダウンの表示位置
-
テーブルでデザインするのはよ...
-
色の指定
-
テーブルの背景を透過する方法
-
このフレームを直してもらいた...
-
これはテーブルでしょうか?
-
表(テーブル)の表示について
おすすめ情報