## Tabular User Details

One stop solution for perfect admin dashboard!

Toggle Code!

##### 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>