Tables
Simple
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|
| 1 | Lorem | Ipsum | mail1@domain.com |
| 2 | Dolar | Sit | mail2@domain.com |
<div class="col-12">
<h6>Simple</h6>
<div class="table-responsive">
<table class="table simple">
<thead>
<tr>
<th>S.No</th>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Lorem</td>
<td>Ipsum</td>
<td>mail1@domain.com</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>mail2@domain.com</td>
</tr>
</tbody>
</table>
</div>
</div>
Dark
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|
| 1 | Lorem | Ipsum | mail1@domain.com |
| 2 | Dolar | Sit | mail2@domain.com |
<div class="col-12">
<h6>Dark</h6>
<div class="table-responsive">
<table class="table table-dark">
<thead>
<tr>
<th>S.No</th>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Lorem</td>
<td>Ipsum</td>
<td>mail1@domain.com</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>mail2@domain.com</td>
</tr>
</tbody>
</table>
</div>
</div>
Stripped
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|
| 1 | Lorem | Ipsum | mail1@domain.com |
| 2 | Dolar | Sit | mail2@domain.com |
<div class="col-12">
<h6>Stripped</h6>
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>S.No</th>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Lorem</td>
<td>Ipsum</td>
<td>mail1@domain.com</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>mail2@domain.com</td>
</tr>
</tbody>
</table>
<p> </p>
</div>
</div>
Stripped Dark
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|
| 1 | Lorem | Ipsum | mail1@domain.com |
| 2 | Dolar | Sit | mail2@domain.com |
<div class="col-12">
<h6>Stripped Dark</h6>
<div class="table-responsive">
<table class="table table-striped table-dark">
<thead>
<tr>
<th>S.No</th>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Lorem</td>
<td>Ipsum</td>
<td>mail1@domain.com</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>mail2@domain.com</td>
</tr>
</tbody>
</table>
</div>
</div>
Border
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|
| 1 | Lorem | Ipsum | mail1@domain.com |
| 2 | Dolar | Sit | mail2@domain.com |
<div class="col-12">
<h6>Border</h6>
<div class="table-responsive">
<table class="table border">
<thead>
<tr>
<th>S.No</th>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Lorem</td>
<td>Ipsum</td>
<td>mail1@domain.com</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>mail2@domain.com</td>
</tr>
</tbody>
</table>
</div>
</div>