如何使用复选框创建这样的表？

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>​