0

htmlで表を作っているのですが、データが多すぎて横に長くなってしまいます。スクロールできるようにしたいのですが、どうすればいいのでしょうか。 下のような表で、1989～2010年まで横に表が伸びていて、ある幅内に表を抑えたいと考えています。
例えば、1989～2000まで最初の状態で見えていて、横にスクロールすると残りの2001～2010が見えるようにしたいです。
おそらく overflow: auto; を使うのだと思うのですが、どこに挿入するべきかよく分かりません。
よろしくお願いします。

<table>
<caption><a name="●">■■</a></caption>

<tr>
<th></th>
<th>1989</th>
<th>1990</th>
<tｈ>1991</th>
<th>1992</th>
<th>1993</th>
<th>1994</th>
<th>1995</th>
<th>1996</th>
<th>1997</th>
<th>1998</th>
<th>1999</th>
<th>2000</th>
<th>2001</th>
<th>2002</th>
<th>2003</th>
<th>2004</th>
<th>2005</th>
<th>2006</th>
<th>2007</th>
<th>2008</th>
<th>2009</th>
<th>2010</th>
</tr>

<tr>
<th rowspan="2"><a href="●" target="_blank" title="山田花子">山田花子</a>
</th>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
</tr>

<tr>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
</tr>

<tr>
<th rowspan="2"><a href="●" target="_blank" title="山田太郎">山田太郎</a>
</th>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
<td>■</td>
</tr>

<tr>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
<td>△</td>
</tr>
</table>

質問者が選んだベストソリューション

Yahoo!知恵袋 5209日前