在HTML中設計不均勻的表格

Question

我想創建一個有3列的表格。在第一列將是1排

country  group  description 

name  sub1  details 
      sub2  details 
      sub3  details 

現在，我想出了一個解決方案，幾乎沒有：

<table> 
 
    <thead> 
 
    <tr> 
 
     <th>Country</th> 
 
     <th>Group</th> 
 
     <th>Description</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>name</td> 
 
     <td>sub1</td> 
 
     <td>details</td> 
 
    </tr> 
 
    <tr> 
 
     <td></td> 
 
     <td>sub2</td> 
 
     <td>details</td> 
 
    </tr> 
 
    <tr> 
 
     <td></td> 
 
     <td>sub3</td> 
 
     <td>details</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

這種方法是問題現在行不再封裝數據了。這是分裂的，我不能輕易地搜索或分組瞭解行。

我試過實現類似的事情，但我還沒有實現它。如果我在第一列使用rowspan，我需要創建其他<tr>才能看到效果。

Answer 1

嘗試在<td>爲「名」使用「行跨度」，並在連續的行刪除其他<td>的：

<table> 
    <thead> 
    <tr> 
     <th>Country</th> 
     <th>Group</th> 
     <th>Description</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td rowspan="3">name</td> 
     <td>sub1</td> 
     <td>details</td> 
    </tr> 
    <tr> 
     <td>sub2</td> 
     <td>details</td> 
    </tr> 
    <tr> 
     <td>sub3</td> 
     <td>details</td> 
    </tr> 
    </tbody> 
</table> 

Answer 2

現在該行不封裝的數據了。這是分裂，我不能輕易地搜索或通過了解行的分組。

但由於需要組，你可以使用盡可能多的TBODY的（封裝？）你的數據：

<table border> 
 
    <thead> 
 
    <tr> 
 
     <th>Country</th> 
 
     <th>Group</th> 
 
     <th>Description</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td rowspan=3>name</td> 
 
     <td>sub1</td> 
 
     <td>details</td> 
 
    </tr> 
 
    <tr> 
 
     <td>sub2</td> 
 
     <td>details</td> 
 
    </tr> 
 
    <tr> 
 
     <td>sub3</td> 
 
     <td>details</td> 
 
    </tr> 
 
    </tbody> 
 

 
    <tbody> 
 
    <tr> 
 
     <td rowspan=3>name B</td> 
 
     <td>sub1.B</td> 
 
     <td>details.B</td> 
 
    </tr> 
 
    <tr> 
 
     <td>sub2.B</td> 
 
     <td>details.B</td> 
 
    </tr> 
 
    <tr> 
 
     <td>sub3.B</td> 
 
     <td>details.B</td> 
 
    </tr> 
 
    </tbody> 
 
</table>