Question

我很难使用没有border的行的所有列空间。我想使用整个行空间，以便数据可以显示在一行中。

正如你在上面看到的那样，总计不使用整行，它是特定于列的。我希望它显示它在下面的快照中的方式。

请帮忙。

感谢。

Answer 1

对您想要全宽的行的第一个td使用colspan属性

在您的情况下使用colspan=8获取总计4条记录 td

Answer 2

使用HTML表的colspan属性。请参阅here。

Answer 3

这就是你要做的事情：

<html>
<body>
<table border="1">
<tr style="background:grey;">
<th>Date 1</th>
<th>Fund</th>
<th>Company</th>
<th>Subject</th>
<th>Comments</th>
<th>Date 2</th>
<th>Review</th>
<th>People</th>
</tr>
<tr>
<td>02/18/2016</td>
<td>test4</td>
<td>test-c5</td>
<td>test</td>
<td>testing</td>
<td>02/08/2016</td>
<td></td>
<td></td>
</tr>
<tr>
<td>02/18/2016</td>
<td>test4</td>
<td>test-c5</td>
<td>test</td>
<td>testing</td>
<td>02/08/2016</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>02/18/2016</td>
<td>test4</td>
<td>test-c5</td>
<td>test</td>
<td>testing</td>
<td>02/08/2016</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td style="background:grey;">Grand<br/> Totol4<br/> records<br/></td>
<td colspan="7"></td>
</tr>
</table>
</body>
</html>

如何使特定行占用所有列空间，以便数据占用整个列空间而不使用边框

3 个答案: