Adnan Niazi Adnan Niazi - 1 month ago 5
CSS Question

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

I am using a simple bootstrap table with almost 11 table cells (td), after the first table row (tr) I want to show a message when someone clicks on the first table row.
so to show that message I need one long table cell with the full width of the table... but unable to create the td.
Here is my simple 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
<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>