我怎样才能用这样的分组行制作一个表格？

Question

我想创建一个表，其中包含与此相似的行组

但我想不通。我尝试使用多个<tbody> 元素，调整我的<td> 元素上的colspan，但这些都不适合我。如果它使任务更容易，我正在使用 jQuery DataTables。

编辑：这就是我所拥有的

<table id="groupedTable">
        <thead>
            <tr>
                <th>Group</th>                                
                <th>Name</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Group1</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Group1</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Group1</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Group1</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Group1</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Group1</td>
                <td>test</td>
            </tr>
        </tbody>
        <tbody>
            <tr>
                <td>Group2</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Group2</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Group2</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Group2</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Group2</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Group2</td>
                <td>test</td>
            </tr>
        </tbody>

    </table>

是的，我知道缩进很古怪，这里的编辑讨厌我

Answer 1

我相信您正在寻找rowspan。这个小提琴对你有什么作用？

jsFiddle

<table>
  <tr>
    <th>Group</th>
    <th>Name</th>
  </tr>
  <tr>
    <td rowspan="4">Group 1</td>
  </tr>
  <tr>
    <td>Test</td>
  </tr>
  <tr>
    <td>Test</td>
  </tr>
  <tr>
    <td>Test</td>
  </tr>
  <tr>
    <td rowspan="4">Group 2</td>
  </tr>
  <tr>
    <td>Test</td>
  </tr>
  <tr>
    <td>Test</td>
  </tr>
  <tr>
    <td>Test</td>
  </tr>
</table>