我想在不同 td 标签的 bootstrap table 中放置一个全宽的 td 标签

Question

我使用的是一个简单的 bootstrap table，几乎有 11 个 table 单元格 (td)，在第一个 table 行 (tr) 之后，我想显示一个当有人点击第一行 table 时的消息。所以为了显示该消息，我需要一个长 table 单元格，其宽度为 table... 但无法创建 td。这是我的简单 table body

<table>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td>Show full width message here</td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>

Answer 1

<table>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td colspan="6">Show full width message here</td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>

Answer 2

当您说 <td> 属于 "full width" 时，应该根据 <td> 将被拉伸的列来提及。

在 HTML 中，该术语由属性 colspan 表示。它的值是任意整数，没有任何单位。

很明显，当您想要 "full width" <td> 时，此值将根据 <table>.

中的总列数而变化

因此，在您的情况下，根据列数，您应该将值 6 分配给该 td 的 colspan 属性。如下图。

.....
<tr>
 <td colspan="6">Show full width message here</td>
</tr>
.....

我想在不同 td 标签的 bootstrap table 中放置一个全宽的 td 标签

I want to put a td tag of full width inside a bootstrap table of different td tags

css

html-table

responsive