如何使表格行跨越最大行的寬度？

我目前正在嘗試使用Bootstrap來創建一個使用我的C＃代碼動態生成的表。然而，問題在於某些列包含比其他列更多的表格數據標籤，因此表格末尾的行數比另一列長。如何使表格行跨越最大行的寬度？

我希望能夠將所有行匹配最大行的長度，並用空格填充空白點。

這裏是我想做一個例子：

<table class="table table-hover"> 
    <thead> 
    <tr> 
     <th>First Name</th> 
     <th>Last Name</th> 
     <th>Email</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>John</td> 
     <td>Doe</td> 
     <td>[email protected]</td> 
    </tr> 
    <tr> 
     <td>Mary</td> 
     <td>Moe</td> 
     <td>[email protected]</td> 
    </tr> 
    <tr> 
     <td>July</td> 
     <td>Dooley</td> 
     <td>[email protected]</td> 
    </tr> 
    <tr> 
     <td>incomplete</td> 
    </tr> 
    </tbody> 
</table>

來源

2017-06-14 Justlegos

HTML表格結構應該總是包含每行的細胞等量。如果您通過C＃生成html，則應填寫缺少的空白元素。

最後TR應該是這樣的：

<tr> 
    <td>incomplete</td> 
    <td></td> 
    <td></td> 
</tr>

您還可以使用& NBSP;在空的td標籤裏面。

另一種選擇是使用合併單元格，使TD覆蓋多個單元格：

<td colspan="3">&nbsp;</td>

將涵蓋3個細胞，而不是1

來源

2017-06-14 16:48:07

沒關係啊！我想知道是否會有標籤或要做的事情。我將確保在我的c＃代碼中包含一個計數器，以爲每個標記添加空元素。 – Justlegos

如何使表格行跨越最大行的寬度？

回答

相關問題