I would like to create my table to work like this:
I have tried the following code but it does not work:
<section class="signa-table-section clearfix">
<div class="container">
<div class="row">
<div class="col-lg">
<table class="table table-responsive table-bordered">
<thead>
<tr>
<th>Entry</th>
<th>Sl</th>
<th colspan="3">Tp</th>
<th>Tp</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<td>Mark</td>
<td>Otto</td>
</tr>
<tr>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<td>Mark</td>
<td>Otto</td>
</tr>
<tr>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<td>Mark</td>
<td>Otto</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
Replace inside your <thead>
by :
<tr>
<th rowspan="2">Entry</th>
<th rowspan="2">Sl</th>
<th colspan="3">Tp</th>
</tr>
<tr>
<th>Tp</th>
<th>Tp</th>
<th>Tp</th>
</tr>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With