Блог

я использую аккордеон и свернуть, чтобы показать таблицу внутри строки аккордеон работает, но таблица данных не работает я получаю ошибку в консоли я использую загрузочную страницу 4 и jinja2 как мы можем исправить эту проблему, нужно показать так

 <div id="accordion">
    <table id="myTable" class="table table-striped table-bordered">
        <thead>
          <tr class="bg-purple">
            <th class="text-uppercase text-white">School</th>
            <th class="text-uppercase text-white">Chances</th>
            <th class="text-uppercase text-white">Calculate</th>
          </tr>
        </thead>
        <tbody>
          <tr >
            <td>
                <img src="{{static('assets/images/Group 1234.png')}}" alt="" class="img-fluid">
            </td>
            <td>
                <img src="{{static('assets/images/meh.png')}}" alt="" class="img-fluid">
            </td>
            <td>
                <div class="d-flex align-items-center justify-content-between">
                    <button class="btn bg-light-blue text-primary border-primary">Calculate</button>
                    <span id="headingOne" class="btn plus-hover f-26 mr-5 btn-link collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class=" "><i class="las la-plus"></i></span>
                </div>
                <!------inside table row start------->
                <tr>
                   <td colspan="3" class="hiddenRow">
                    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion"> <table class="table table-bordered bg-light-c">
                        <thead>
                          <tr class="bg-darkl-blue">
                            <th class="">Score</th>
                            <th class="">Action</th>
                          </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="font-weight-bold ">
                                  <span class="grade-green">A</span>
                                </td>
                                <td>
                                    <button class="btn bg-light-blue text-primary border-primary">Simulate</button>
                                </td>
                            </tr>
                        </tbody>
                      </table>
                    </div>
                   </td>
                </tr>
                <!------inside table row end------->
            </td>
          </tr>                       
        </tbody>
    </table>
</div>