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>