Bootstrap 4.1.3 Проблема с вложенными таблицами Colspan

Question

У меня проблемы с colspan во вложенной таблице. Я пробовал инкапсулировать таблицу в div. По-прежнему ничего не работает. Я хочу, чтобы вложенная таблица открывалась по всей длине родительской таблицы. См. JSFiddle https://jsfiddle.net/nikropht/0L652f1t/1/

                                <tr>
                                <td id="order1000" class="card-body table-responsive collapse" colspan="6">
                                    
                                    <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>

Answer 1

Попробуйте удалить table-responsive из td