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

试试这个（小提琴）：

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