I'm dealing with an issue related to colspan within a nested table. I've tried various solutions, including wrapping the table in a div, but nothing seems to be working as expected. My goal is to have the nested table span across the entire width of the parent table. Please refer to this JSFiddle link for reference: https://jsfiddle.net/nikropht/0L652f1t/1/
<tr>
<td id="order1000" class="card-body table-responsive collapse" colspan="6"gt;
<table class="table">
<thead>
<tr>
<th>Product</th>
<th>Description</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Video 1</td>
<td>Desc 1</td>
<td>$20.00</td>
</tr>
<tr>
<td>Video 2</td>
<td>Desc 2</td>
<td>$5.00</td>
</tr>
</tbody>
</table>
</td>
</tr>