I have created a table with a modal feature. When I click on the sign button, the modal pops up and the data from the first row of the table is reflected in the modal like a shadow. However, I am confused about closing the div element. I think I may have misplaced the div end tag. The modal itself is working fine.
Here's my code snippet:
<style>
.modal-body {
max-height: calc(100vh - 210px);
overflow-y: auto;
}
</style>
<div class="row">
<div class="panel panel-default">
<div class="panel-body pn">
<div style="overflow-x:auto;">
<br>
<div class="table-responsive mbn">
<table class="table table-bordered mbn">
<div class="panel-heading">
<span class="panel-title">
<span class="fa fa-table"></span><font color="red">ex</font>
</span>
</div>
<tr>
<th><font color="red" size="2">Ref</font></th>
<th><font color="red" size="2">Da</font></th>
<th><font color="red" size="2">sined</font></th>
</tr>
<tr>
<td>></td>
<td></td>
<td> Details </a></td>
<td> EDIT </a></td>
<td><button class="btn btn-info btn-sm" data-toggle="modal" data-target="#myModal">sign</button></td>
</tr>
</table>
</div>
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">List s</h4>
</div>
<div class="modal-body">
<div class="table-responsive mbn">
<table class="table table-bordered mbn">
<tr>
<th width="70"><font color="red" size="2">Sl</font></th>
<th><font color="red" size="2">Name</font></th>
<th width="90"><font color="red" size="2"></font></th>
</tr>
<tr>
<td>1</td>
<td>I</td>
<td> <input type="checkbox" name="assign" value="Bike"></td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-info">Submit</button>
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
</div>
</div>
Please assist me with this issue. Any help would be highly appreciated. Thank you!