解決済み

htmlで固定テーブルに可変データの表示の仕方

  • すぐに回答を!
  • 質問No.9585721
  • 閲覧数57
  • ありがとう数1
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 44% (27/61)

htmlで5×4の固定テーブルにJavaScriptで取得したデータを表示させたいですが、
やり方が分かりません。
表示データ分テーブル行を追加表示することはできますが、表示は5行目までで、
6行目はスクロールして表示するようにしたいです。
さらに、5行固定で表示データが3行の場合空白2行も表示させたい。
具体的な方法や参考サイトを教えて下さい。
よろしくお願いします。

質問者が選んだベストアンサー

  • 回答No.1

ベストアンサー率 50% (1228/2419)

コンピューター カテゴリマスター
.fix_table {
overflow: auto;
height:XXpx; /* 5行表示できるサイズを記入 */
}
1行が何ピクセルになるかは、フォントのサイズ次第なので、
調整してそれを、
5行スクロールさせたい場所に書けばOKです。
なお、空白は不要です。heightで高さを固定しているので、
0行だとしても指定のサイズで書かれます。
テーブルがDIVで書いているなら、例として
<div class=fix_table>
わああ
</div> こちらは、スクロールバーが出ずに、空白が追加されて表示される。

<div class=fix_table>
わああ
わああ
わああ
わああ
わああ
わああ
</div> こっちにだけ、自動的にスクロールバーが出て、操作可能になります。

という感じで、長さによって、自動的に判断されますので、
それでどうぞ~!
お礼コメント
kinka2000

お礼率 44% (27/61)

ありがとうございます。できました。
投稿日時 - 2019-02-13 07:49:32
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する

特集


OKWAVE若者応援スペシャル企画

ピックアップ

ページ先頭へ