Style 1
| ID | Lorem | Ipsum Dolor |
|---|---|---|
| 1 | Lorem Ipsum Dolor Sit Amet | Excepteur sint |
| 2 | Lorem Ipsum Dolor Sit Amet | Excepteur sint |
| 3 | Lorem Ipsum Dolor Sit Amet | Excepteur sint |
| 4 | Lorem Ipsum Dolor Sit Amet | Excepteur sint |
| 5 | Lorem Ipsum Dolor Sit Amet | Excepteur sint |
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Style 1</h2>
<div class="table-responsive">
<table class="table table-style1">
<thead class="thead-light">
<tr>
<th scope="col">ID</th>
<th scope="col">Lorem</th>
<th scope="col">Ipsum Dolor</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Excepteur sint</td>
</tr>
<tr>
<td>2</td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Excepteur sint</td>
</tr>
<tr>
<td>3</td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Excepteur sint</td>
</tr>
<tr>
<td>4</td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Excepteur sint</td>
</tr>
<tr>
<td>5</td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Excepteur sint</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
Style 2
| ID | Lorem | Ipsum Dolor |
|---|---|---|
| 1 | Lorem Ipsum Dolor Sit Amet | Excepteur sint |
| 2 | Lorem Ipsum Dolor Sit Amet | Excepteur sint |
| 3 | Lorem Ipsum Dolor Sit Amet | Excepteur sint |
| 4 | Lorem Ipsum Dolor Sit Amet | Excepteur sint |
| 5 | Lorem Ipsum Dolor Sit Amet | Excepteur sint |
<section id="dt-content" class="sec-pt-lg">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Style 2</h2>
<div class="table-responsive">
<table class="table table-style2">
<thead class="thead-light">
<tr>
<th scope="col">ID</th>
<th scope="col">Lorem</th>
<th scope="col">Ipsum Dolor</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Excepteur sint</td>
</tr>
<tr>
<td>2</td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Excepteur sint</td>
</tr>
<tr>
<td>3</td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Excepteur sint</td>
</tr>
<tr>
<td>4</td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Excepteur sint</td>
</tr>
<tr>
<td>5</td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Excepteur sint</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>