助けてください。
たとえば、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で質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) マウスオーバー→ホイール回転でスクロールできない 2 2022/10/31 10:06
- iPhone(アイフォーン) 同じ写真と動画をiOSが検出する便利な機能 写真のアルバムタブにて、画面を一番下までスクロールすると 3 2023/01/23 15:41
- Visual Basic(VBA) 【Excel VBA】条件に合った行の表示・非表示を行う方法 3 2023/03/18 12:31
- Windows 95・98 Windows11の設定画面がスクロールできません。 2 2023/07/26 05:16
- Ruby pandasでsqlite3にテーブル作成・追加・読み出しでindexの取り扱い方教えてください 5 2023/03/08 09:57
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- Visual Basic(VBA) VBAで、1つのエクセルで、2つのシートからもう1つのシートに条件のある転記コードを教えてください。 1 2023/03/16 18:07
- その他(Microsoft Office) マクロについて教えてください、、 5 2023/06/06 22:07
- Excel(エクセル) エクセルまたはgnuplotグラフの書き方 2 2022/11/18 15:45
- Excel(エクセル) ピボットテーブルについて 列フィールドに複数横並びに項目を表示したい場合、階層毎に表示されてしまう現 2 2022/06/28 00:27
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
HTMLでテーブルを横に並べる方法
-
Dreamweaverでテーブルの列幅を...
-
テーブルの横に画像を
-
テーブル内に画像を表示したい。
-
フレームのズレについて
-
隙間が埋まりません・・・
-
ネットスケープ(Mac)で表示す...
-
CSSで同一行で左右揃え
-
ドリームウィーバーでテーブル...
-
CSSで文字を一番下の中央に表示...
-
同じ行で画像は左寄せ、右側に...
-
【CSS】縦横スクロールテーブル...
-
ホームページのテーブルに斜線...
-
テーブル入れ子にしたらNNでは...
-
フレームの縦3分割について
-
2つのテーブルを左右に表示した...
-
DWで、デザインビューに表示さ...
-
HTMLでページの幅を設定し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
tableのheight指定が効かない
-
ウィンドウのサイズを変えても...
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
CSSで文字を一番下の中央に表示...
-
複数のテーブルを無条件に中央...
-
箇条書きリストのすぐ横に画像...
-
画像の横にテーブルを。。。
-
【CSS】縦横スクロールテーブル...
-
プルダウンの表示位置
-
HTMLでページの幅を設定し...
-
DWで、デザインビューに表示さ...
-
ヘッダー固定のスクロールが可...
-
画像と、セルのつなぎ目に白い...
-
ドリームウィーバーでテーブル...
-
一部CSSを無効にする
おすすめ情報