在HTML中设计不均匀的表格

我想创建一个有3列的表格。在第一列将是1排在HTML中设计不均匀的表格

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>才能看到效果。

来源

2016-07-22 user3162553

我认为（可能是错误的）有一个属性调用'行跨度'你可以跨越行的地方 –

你试图达到的目标并不完全清楚。 – jmoerdyk

对不起，我没有说清楚。我试图把所有内容都放在一个单独的''中，它将封装所有的潜艇和细节。我不认为这是可能的，因为他们似乎必须在物理上有所不同，才能扩展成为“”。 – user3162553

尝试在<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>

来源

2016-07-22 20:45:39 user3163495

好吧，我认为我对我的行程理解错了。他们必须实际上是分开的行然后正确？我试图把所有内容都放在一个单独的''中，它将封装所有的潜艇和细节。我不认为这是可能的，所以我最终可能会这样做。谢谢 – user3162553

现在该行不封装的数据了。这是分裂，我不能轻易地搜索或通过了解行的分组。

但由于需要组，你可以使用尽可能多的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>

来源

2016-07-22 21:45:17

在HTML中设计不均匀的表格

回答

相关问题