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

时间:2016-06-09 19:43:02

标签: css html-table responsive

我正在使用一个带有近11个表格单元格(td)的简单引导程序表,在第一个表格行(tr)之后我想在有人点击第一个表格行时显示一条消息。 所以要显示该消息我需要一个具有表格全宽的长表格单元格...但无法创建td。 这是我简单的表格主体

<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>

2 个答案:

答案 0 :(得分: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> 

答案 1 :(得分:0)

如果您说<td>为&#34;全宽&#34;,则应根据<td>将要延伸的列来提及。

HTML中,此字词由属性colspan表示。它的值是任意整数,没有任何单位。

很明显,当你需要一个&#34;全宽&#34; <td>此值将根据<table>中的总列数而有所不同。

因此,根据您的情况,您应该为该td的colspan属性指定值6。如下图所示。

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