知恵袋

（例）3列の「表」の横幅を
1列目と3列目だけ固定するHTML
table直下に以下を記述

<table class="myTable" border="1">
<colgroup>
<col style="width: 30px;"> 
<col> 
<col style="width: 50px;"> 
</colgroup>

<tbody>
<tr>
<td> 番号</td>
<td> エッセイ(月日)</td>
<td> 年</td>
</tr>

（参考）
tbody＝「表」の全体
tr＝タテの「行」
td＝ヨコの「列」

ここがポイント

クラス追加は
<table border="1"> を
<table class="myTable" border="1">
と加筆

colgroup は tbody の前に置く

各 tr / td はそのままでOK
→ 100行以上あっても全部に
列幅が反映される

2列目（幅指定なし）としておけば
元のcssで指定した画面幅
の範囲で自動調節される

補足CSS（任意）
.myTable {
max-width: 800px;
width: 100%;
margin: 0 auto;
table-layout: fixed;
}

✔ table-layout: fixed; を使うと

列幅をブラウザが正確に守るようになり、
レイアウトが安定します。