Tabular User Details
One stop solution for perfect admin dashboard!
Bordered User Table Details
![]() |
Alepy Macintyre | Account for static form controls in form group | active |
|
|
![]() |
Alepy Macintyre | It is a long established fact that a reader distracted. | active |
|
|
![]() |
Alepy Macintyre | The standard chunk of Lorem or non-characteristic. | active |
|
|
![]() |
Blepy Macintyre | Ipsum used since the 1500s or non-characteristic. | active |
|
|
![]() |
Clepy Macintyre | Account for static form controls in form group | active |
|
<table class="table table-bordered">
<caption>Optional table caption.</caption>
<tbody class="text-center line-height-35">
<tr>
<td class="w-10 text-center line-height-35"><i class="fa fa-check color-success font-size-18" aria-hidden="true"></i></td>
<td class="w-10"><img src="images/letter/a.png" alt="" class="border-radius-50 img-size-35"></td>
<td class="w-20 line-height-35">Alepy Macintyre</td>
<td class="line-height-35 text-left">Account for static form controls in form group</td>
<td class="w-10 line-height-35">active</td>
<td class="w-10 line-height-35 table-dropdown">
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-bars"></i>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-undo"></i> Quick reply</a></li>
<li><a href="#"><i class="fa fa-history"></i> Full history</a></li>
<li><a href="#"><i class="fa fa-check color-success"></i> Resolve issue</a></li>
<li><a href="#"><i class="fa fa-close color-danger"></i> Close issue</a></li>
</ul>
</div>
</td>
</tr>
...
</tbody>
</table>
Striped + Bordered User Table Details
![]() |
Alepy Macintyre | Account for static form controls in form group | Resolved |
|
|
![]() |
Alepy Macintyre | It is a long established fact that a reader distracted. | Resolved |
|
|
![]() |
Alepy Macintyre | The standard chunk of Lorem or non-characteristic. | Resolved |
|
|
![]() |
Blepy Macintyre | Ipsum used since the 1500s or non-characteristic. | Resolved |
|
|
![]() |
Clepy Macintyre | Account for static form controls in form group | Resolved |
|
<table class="table table-striped table-bordered">
<caption>Optional table caption.</caption>
<tbody class="text-center line-height-35">
<tr>
<td class="w-10 text-center line-height-35"><i class="fa fa-close color-danger font-size-18" aria-hidden="true"></i></td>
<td class="w-10"><img src="images/letter/a.png" alt="" class="border-radius-50 img-size-35"></td>
<td class="w-20 line-height-35">Alepy Macintyre</td>
<td class="line-height-35 text-left">Account for static form controls in form group</td>
<td class="w-10 line-height-35">Resolved</td>
<td class="w-10 line-height-35 table-dropdown">
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-bars"></i>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-undo"></i> Quick reply</a></li>
<li><a href="#"><i class="fa fa-history"></i> Full history</a></li>
<li><a href="#"><i class="fa fa-check color-success"></i> Resolve issue</a></li>
<li><a href="#"><i class="fa fa-close color-danger"></i> Close issue</a></li>
</ul>
</div>
</td>
</tr>
...
</tbody>
</table>
Clean User Table Details
![]() |
Alepy Macintyre | Account for static form controls in form group |
|
|
![]() |
Alepy Macintyre | It is a long established fact that a reader distracted. |
|
|
![]() |
Alepy Macintyre | The standard chunk of Lorem or non-characteristic. |
|
|
![]() |
Blepy Macintyre | Ipsum used since the 1500s or non-characteristic. |
|
|
![]() |
Clepy Macintyre | Account for static form controls in form group |
|
<table class="table table-clean">
<caption>Optional table caption.</caption>
<tbody class="text-center line-height-35">
<tr>
<td class="w-10 text-center line-height-35"><i class="fa fa-close color-danger font-size-18" aria-hidden="true"></i></td>
<td class="w-10"><img src="images/letter/a.png" alt="" class="border-radius-50 img-size-35"></td>
<td class="w-20 line-height-35">Alepy Macintyre</td>
<td class="line-height-35 text-left">Account for static form controls in form group</td>
<td class="w-10 line-height-35 table-dropdown">
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-bars"></i>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-undo"></i> Quick reply</a></li>
<li><a href="#"><i class="fa fa-history"></i> Full history</a></li>
<li><a href="#"><i class="fa fa-check color-success"></i> Resolve issue</a></li>
<li><a href="#"><i class="fa fa-close color-danger"></i> Close issue</a></li>
</ul>
</div>
</td>
</tr>
...
</tbody>
</table>
Clean User Table Details
![]() |
Alepy Macintyre Lorem Ipsum is simply dummy text of the printing and typesetting industry. Approved |
10.10pm |
![]() |
Alepy Macintyre Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum Approved |
12.15am |
![]() |
Alepy Macintyre Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the Approved |
10.15am |
![]() |
Alepy Macintyre Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's. Approved |
10.12am |
![]() |
Alepy Macintyre Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. Approved |
05.15am |
![]() |
Alepy Macintyre Lorem Ipsum is simply dummy text of the printing and typesetting industry. Pending |
8:16pm |
![]() |
Alepy Macintyre Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum Pending |
09:58am |
![]() |
Alepy Macintyre Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the Pending |
12:28am |
![]() |
Alepy Macintyre Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's Pending |
10:58am |
![]() |
Alepy Macintyre Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. Pending |
02:58am |
<div class="panel-body p-20">
<!-- Nav tabs -->
<ul class="nav nav-tabs border-bottom border-primary" role="tablist">
<li role="presentation" class="active"><a class="" href="#home7" aria-controls="home7" role="tab" data-toggle="tab">Approved</a></li>
<li role="presentation"><a class="" href="#profile7" aria-controls="profile7" role="tab" data-toggle="tab">Pending</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content bg-white p-15">
<div role="tabpanel" class="tab-pane active" id="home7">
<table class="table table-clean">
<caption>Optional table caption.</caption>
<tbody>
<tr>
<td class="line-height-60"><img src="images/letter/a.png" alt="" class="border-radius-50 img-size-50"></td>
<td class="line-height-30"><b>Alepy Macintyre</b> <br>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br><span class="color-success">Approved</span></td>
<td class="w-10">10.10pm</td>
</tr>
...
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane" id="profile7">
<table class="table table-clean">
<caption>Optional table caption.</caption>
<tbody>
<tr>
<td class="line-height-60"><img src="images/letter/a.png" alt="" class="border-radius-50 img-size-50"></td>
<td class="line-height-30"><b>Alepy Macintyre</b> <br>Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br><span class="color-warning">Pending</span></td>
<td class="w-10">8:16pm</td>
</tr>
...
</tbody>
</table>
</div>
</div>
</div>