1つのテーブルヘッダーを2つのテーブル列の中央に並べたい。これは可能ですか?
<th colspan="2">. This .</th>
少し外挿するには...
<table>
<thead>
<tr>
<th>Single Column</th>
<th colspan="2">Double Column</th>
</tr>
</thead>
<tbody>
<tr>
<td>Column One</td>
<td>Column Two</td>
<td>Column Three</td>
</tr>
</tbody>
</table>
これで十分に作業できるようになります。
列が2つしかない場合は、<caption>
を使用することをお勧めします。それ以外の場合は、他の回答で提案されているようにcolspanを使用します。
<table>
<caption>This will span all columns.</caption>
<tr><td>column one</td><td>column two</td></tr>
</table>
もちろん。 this ページを参照してください。テーブルヘッダーセルのcolspan
という属性を探しています。
より良い方法でそれを行うことができます。
<table border="1">
<tr>
<th colspan="1" scope="colgroup">Test Heading</th>
<th colspan="3" scope="colgroup">Mars</th>
<th colspan="3" scope="colgroup">Venus</th>
<th colspan="3" scope="colgroup">Test</th>
</tr>
<tr>
<th rowspan="2"></th>
<th scope="col">Produced</th>
<th scope="col">Sold</th>
<th scope="col">Sold</th>
<th scope="col">Produced</th>
<th scope="col">Sold</th>
<th scope="col">Sold</th>
<th scope="col">Test 1</th>
<th scope="col">Test 2</th>
<th scope="col">Test 3</th>
</tr>
</table>
詳細については、 w3.orgの表参照 をご覧ください。