Tables
Simple
S.No | Heading 1 | Heading 2 | Heading 3 |
---|---|---|---|
1 | Lorem | Ipsum | mail1@domain.com |
2 | Dolar | Sit | mail2@domain.com |
<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>
Dark
S.No | Heading 1 | Heading 2 | Heading 3 |
---|---|---|---|
1 | Lorem | Ipsum | mail1@domain.com |
2 | Dolar | Sit | mail2@domain.com |
<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>
Stripped
S.No | Heading 1 | Heading 2 | Heading 3 |
---|---|---|---|
1 | Lorem | Ipsum | mail1@domain.com |
2 | Dolar | Sit | mail2@domain.com |
<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>
</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="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>
Bordered
S.No | Heading 1 | Heading 2 | Heading 3 |
---|---|---|---|
1 | Lorem | Ipsum | mail1@domain.com |
2 | Dolar | Sit | mail2@domain.com |
<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>