Framework
Theme
All
380
Testimonials
9
Navbars
27
Faq
1
Blogs
11
Headers
30
Contents
10
Stats
4
Authentication
7
Features
16
Cards Section
28
Teams
5
Call To Actions
9
Logo Areas
3
Contact Us
2
Pricing
4
Charts
14
Tables
24
Cards
38
Components
27
Forms
9
Sidebars
19
Charts Section
4
Tables Section
11
Projects Section
10
Teams Section
8
Typography
24
Profiles Section
8
Contacts Section
9
Bootstrap Tables
Discover 24 Bootstrap Tables available in Loopple
Table Artists
Table Products
Table Projects
Component from
Adminkit
Builder
<div class="card flex-fill draggable">
<div class="card-header">
<h5 class="card-title mb-0">Latest Projects</h5>
</div>
<table class="table table-hover my-0">
<thead>
<tr>
<th>Name</th>
<th class="d-none d-xl-table-cell">Start Date</th>
<th class="d-none d-xl-table-cell">End Date</th>
<th>Status</th>
<th class="d-none d-md-table-cell">Assignee</th>
</tr>
</thead>
<tbody>
<tr>
<td>Project Apollo</td>
<td class="d-none d-xl-table-cell">01/01/2021</td>
<td class="d-none d-xl-table-cell">31/06/2021</td>
<td><span class="badge bg-success">Done</span></td>
<td class="d-none d-md-table-cell">Vanessa Tucker</td>
</tr>
<tr>
<td>Project Fireball</td>
<td class="d-none d-xl-table-cell">01/01/2021</td>
<td class="d-none d-xl-table-cell">31/06/2021</td>
<td><span class="badge bg-danger">Cancelled</span></td>
<td class="d-none d-md-table-cell">William Harris</td>
</tr>
<tr>
<td>Project Hades</td>
<td class="d-none d-xl-table-cell">01/01/2021</td>
<td class="d-none d-xl-table-cell">31/06/2021</td>
<td><span class="badge bg-success">Done</span></td>
<td class="d-none d-md-table-cell">Sharon Lessman</td>
</tr>
<tr>
<td>Project Nitro</td>
<td class="d-none d-xl-table-cell">01/01/2021</td>
<td class="d-none d-xl-table-cell">31/06/2021</td>
<td><span class="badge bg-warning">In progress</span></td>
<td class="d-none d-md-table-cell">Vanessa Tucker</td>
</tr>
<tr>
<td>Project Phoenix</td>
<td class="d-none d-xl-table-cell">01/01/2021</td>
<td class="d-none d-xl-table-cell">31/06/2021</td>
<td><span class="badge bg-success">Done</span></td>
<td class="d-none d-md-table-cell">William Harris</td>
</tr>
<tr>
<td>Project X</td>
<td class="d-none d-xl-table-cell">01/01/2021</td>
<td class="d-none d-xl-table-cell">31/06/2021</td>
<td><span class="badge bg-success">Done</span></td>
<td class="d-none d-md-table-cell">Sharon Lessman</td>
</tr>
<tr>
<td>Project Romeo</td>
<td class="d-none d-xl-table-cell">01/01/2021</td>
<td class="d-none d-xl-table-cell">31/06/2021</td>
<td><span class="badge bg-success">Done</span></td>
<td class="d-none d-md-table-cell">Christina Mason</td>
</tr>
<tr>
<td>Project Wombat</td>
<td class="d-none d-xl-table-cell">01/01/2021</td>
<td class="d-none d-xl-table-cell">31/06/2021</td>
<td><span class="badge bg-warning">In progress</span></td>
<td class="d-none d-md-table-cell">William Harris</td>
</tr>
</tbody>
</table>
</div>Table Simple
Component from
Adminkit
Builder
<table class="table draggable">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry the Bird</td>
<td>Jokomo</td>
<td>@twitter</td>
</tr>
</tbody>
</table>