Tables
Simple
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Lorem | Ipsum | [email protected] |
| 2 | Dolar | Sit | [email protected] |
<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>[email protected]</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>[email protected]</td>
</tr>
</tbody>
</table>
</div>
Dark
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Lorem | Ipsum | [email protected] |
| 2 | Dolar | Sit | [email protected] |
<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>[email protected]</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>[email protected]</td>
</tr>
</tbody>
</table>
</div>
Stripped
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Lorem | Ipsum | [email protected] |
| 2 | Dolar | Sit | [email protected] |
<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>[email protected]</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>[email protected]</td>
</tr>
</tbody>
</table>
</div>
Stripped Dark
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Lorem | Ipsum | [email protected] |
| 2 | Dolar | Sit | [email protected] |
<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>[email protected]</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>[email protected]</td>
</tr>
</tbody>
</table>
</div>
Bordered
| S.No | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Lorem | Ipsum | [email protected] |
| 2 | Dolar | Sit | [email protected] |
<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>[email protected]</td>
</tr>
<tr>
<td>2</td>
<td>Dolar</td>
<td>Sit</td>
<td>[email protected]</td>
</tr>
</tbody>
</table>
</div>