みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

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

投稿日時 - 2019-02-08 07:10:00

QNo.9585721

すぐに回答ほしいです

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

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

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

という感じで、長さによって、自動的に判断されますので、
それでどうぞ~!

投稿日時 - 2019-02-08 21:08:30

お礼

ありがとうございます。できました。

投稿日時 - 2019-02-13 07:49:32

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問