Tabular User Details

One stop solution for perfect admin dashboard!

Toggle Code!
  • Home
  • Table
  • Tabular User Details
Talk to us Settings
Bordered User Table Details
Optional table caption.
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
Optional table caption.
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
Optional table caption.
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
Optional table caption.
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
Optional table caption.
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>

Useful Sidebar

Code for help is added within the main page. Check for code below the example.

You can use this sidebar to help your end-users. You can enter any HTML in this sidebar.

This sidebar can be a 'fixed to top' or you can unpin it to scroll with main page.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.