table-layout:表示方法

---

表示方法：

auto	表の全体を読み込んだ後に幅を計算する
fixed	表の1行目の大きさを表全体に適用させる

table-layoutプロパティで、テーブルの表示方法を指定します。
autoを指定するとテーブル全体の内容を全て読み込んだ後にセルの幅を計算します。
fixedを指定するとテーブルの1行目に指定されたテーブルの幅をテーブル全体に適用します。
fixedは計算する処理が省けるため、表の表示速度が速くなります。
また、fixedが指定されているのに1行目のセル幅が指定されていなかった場合は、セルの大きさが均等になります。

テーブルの表示方法：auto

支店	1月	2月
東京本社	5120000	4700000
大阪支店	3790000	3220000

---

テーブルの表示方法：fixed

支店	1月	2月
東京本社	5120000	4700000
大阪支店	3790000	3220000

<STYLE type="text/css">
<!--
CAPTION { font-size:10pt; }
TH { font-size:9pt; }
TABLE#case1 {
width : 300px;
table-layout : auto ;
}
TABLE#case2 {
width : 300px;
table-layout : fixed ;
}
-->
</STYLE>

<TABLE id="case1" cellpadding="0" bgcolor="#edfbed" border="3">
<CAPTION>テーブルの表示方法：auto</CAPTION>
<TR>
<TH>支店</TH>
<TH>1月</TH>
<TH>2月</TH>
</TR>
<TR>
<TD align="center">東京本社</TD>
<TD align="center">5120000</TD>
<TD align="center">4700000</TD>
</TR>
<TR>
<TD align="center">大阪支店</TD>
<TD align="center">3790000</TD>
<TD align="center">3220000</TD>
</TR>
</TABLE>

<BR><HR><BR>

<TABLE id="case2" cellpadding="0" bgcolor="#e5e4f9" border="3">
<CAPTION>テーブルの表示方法：fixed</CAPTION>
<TR>
<TH width="130">支店</TH>
<TH width="130">1月</TH>
<TH width="130">2月</TH>
</TR>
<TR>
<TD align="center">東京本社</TD>
<TD align="center">5120000</TD>
<TD align="center">4700000</TD>
</TR>
<TR>
<TD align="center">大阪支店</TD>
<TD align="center">3790000</TD>
<TD align="center">3220000</TD>
</TR>
</TABLE>