am using accordian and collapse to show table inside row accordian is working but data table is not working am getting error in console am using bootstap 4 and jinja2 how we can fix this issue need to show like this
<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>