Ich möchte ein td-Tag voller Breite in eine Bootstrap-Tabelle von verschiedenen td-Tags

Question

Ich verwende eine einfache Bootstrap-Tabelle mit fast 11 Tabellenzellen (td), nach der ersten Tabellenzeile (tr) möchte ich zeigen Nachricht, wenn jemand auf die erste Tabellenzeile klickt. , um diese Nachricht zu zeigen, brauche ich eine lange Tabellenzelle mit der vollen Breite der Tabelle ... aber nicht in der Lage, die td zu erstellen. Hier ist mein einfacher Tabellenkörper

<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

Wenn Sie sagen, dass ein <td> von „voller Breite“ sind, sollte es in Bezug auf den Spalten genannt werden, die die <td> gespannt werden sollen.

In HTML wird dieser Begriff durch das Attribut colspan bezeichnet. Sein Wert ist eine beliebige ganze Zahl ohne irgendeine Einheit.

Und so offensichtlich, wenn Sie eine "volle Breite" <td> möchten, wird dieser Wert basierend auf der Gesamtzahl der Spalten in dieser <table> variieren.

Also in Ihrem Fall basierend auf der Anzahl der Spalten sollten Sie den Wert colspan Attribut dieser td zuweisen. Wie nachfolgend dargestellt.

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