重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

【終了しました】教えて!gooアプリ版

【HTML】テーブルの中にテーブルを作り、スクロールバーも出したいのですが

解決済

  • 質問者：1qazxsw2
  • 質問日時：
  • 回答数：1件

テーブル１の中に
さらに
テーブル２を作り、
内側のテーブル２にスクロールバーを付け、
テーブル１の各行は同じ高さ、

となる様にしたいのですが
無理なんでしょうか？

ググっても見つけられていません。
他の方法ではなく「テーブルの中にテーブル」で実現したい（制約があって）ので
是非宜しくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： fujillin
  • 回答日時：

こんにちは



table要素に直接scrollを設定してもうまくいかないようです。

内側のtableは
　<div><table>
　　～～～
　</table></div>
のようにしておいて、div要素の方に高さを設定した上で、「 overflow:scroll; 」を設定しておけば、概ねご希望のようになると思いますけれど。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございました。
以下で出来ました。

<html lang="ja">
<head>
</head>
<body>
<table border="1">
<tr>

<td>
<div style="height:100px; overflow-y:scroll;">
<table border=1 bgcolor="#9999ff">
<tr><td>TD11_1</td></tr>
<tr><td>TD11_2</td></tr>
<tr><td>TD11_3</td></tr>
<tr><td>TD11_4</td></tr>
<tr><td>TD11_5</td></tr>
</table>
</div>
</td>

<td>TD12</td>
<td>TD13</td>
</tr>

<tr>

<td>
<div style="height:100px; overflow-y:scroll;">
<table border=1 bgcolor="#9999ff">
<tr><td>TD21_1</td></tr>
<tr><td>TD21_2</td></tr>
<tr><td>TD21_3</td></tr>
<tr><td>TD21_4</td></tr>
<tr><td>TD21_5</td></tr>
</table>
</div>
</td>

<td>TD22</td>
<td>TD23</td>
</tr>

</table>
</body>
</html>

通報する
お礼日時：2020/08/25 11:05

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報