html - チェックボックスでこのようなテーブルを作成する方法は?

Question

チェックボックスでこのようなテーブルを作成する方法は?

やってみましたが、できませんでした。

また、コンテンツが指定された幅を超えないように折り返す必要があります。

Answer 1

私の例のようにインライン スタイル (style="") は使用しませんが、css を別の .css ファイルに入れます。

<table style="max-width: 500px;">
    <tr>
        <td rowspan="2"><input type="checkbox" /></td>
        <td colspan="7">a</td>
    </tr>
    <tr>
        <td>b</td>
        <td>c</td>
        <td>d</td>
        <td>e</td>
        <td>f</td>
        <td>g</td>
    </tr>
</table>

Answer 2

http://jsfiddle.net/Y5a8k/

<table border=1>
<tr>
    <td rowspan=2><input type="checkbox"/></td>
    <td colspan=7>a</td>
</tr>
<tr>
    <td>b</td>
    <td>c</td> 
    <td>d</td>
    <td>e</td> 
    <td>f</td>
    <td>g</td> 
</tr>​
</table>

Answer 3

これを試してください（FIDDLE）：

<table border=1>
<tr>
    <td rowspan=2 class='tdCheckbox'><input type="checkbox"/></td>
    <td colspan=7>a</td>
</tr>
<tr class='trMain'>
    <td>b</td>
    <td>c</td> 
    <td>d</td>
    <td>e</td> 
    <td>f</td>
    <td>g</td> 
</tr>
</table>​