<table class="table table-striped table-advance table-hover">
<thead>
<tr>
<th colspan="3">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-group-checkbox" />
<span></span>
</label>
<div class="btn-group input-actions">
<a class="btn btn-sm blue btn-outline dropdown-toggle sbold" href="javascript:;" data-toggle="dropdown"> Actions
<i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu">
<li>
<a href="javascript:;">
<i class="fa fa-pencil"></i> Mark as Read
</a>
</li>
<li>
<a href="javascript:;">
<i class="fa fa-ban"></i> Spam
</a>
</li>
<li class="divider"> </li>
<li>
<a href="javascript:;">
<i class="fa fa-trash-o"></i> Delete
</a>
</li>
</ul>
</div>
</th>
<th class="pagination-control" colspan="3">
<span class="pagination-info"> 1-30 of 789
</span>
<a class="btn btn-sm blue btn-outline">
<i class="fa fa-angle-left"></i>
</a>
<a class="btn btn-sm blue btn-outline">
<i class="fa fa-angle-right"></i>
</a>
</th>
</tr>
</thead>
<tbody>
<tr class="unread" data-messageid="1">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="view-message hidden-xs"> Petronas IT
</td>
<td class="view-message "> New server for datacenter needed
</td>
<td class="view-message inbox-small-cells">
<i class="fa fa-paperclip"></i>
</td>
<td class="view-message text-right"> 16:30 PM
</td>
</tr>
<tr class="unread" data-messageid="2">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="view-message hidden-xs"> Daniel Wong
</td>
<td class="view-message"> Please help us on customization of new secure server
</td>
<td class="view-message inbox-small-cells"> </td>
<td class="view-message text-right"> March 15
</td>
</tr>
<tr data-messageid="3">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="view-message hidden-xs"> John Doe
</td>
<td class="view-message"> Lorem ipsum dolor sit amet
</td>
<td class="view-message inbox-small-cells"> </td>
<td class="view-message text-right"> March 15
</td>
</tr>
<tr data-messageid="4">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="view-message hidden-xs"> Facebook
</td>
<td class="view-message"> Dolor sit amet, consectetuer adipiscing
</td>
<td class="view-message inbox-small-cells"> </td>
<td class="view-message text-right"> March 14
</td>
</tr>
<tr data-messageid="5">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star inbox-started"></i>
</td>
<td class="view-message hidden-xs"> John Doe
</td>
<td class="view-message"> Lorem ipsum dolor sit amet
</td>
<td class="view-message inbox-small-cells"> </td>
<td class="view-message text-right"> March 15
</td>
</tr>
<tr data-messageid="6">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star inbox-started"></i>
</td>
<td class="view-message hidden-xs"> Facebook
</td>
<td class="view-message"> Dolor sit amet, consectetuer adipiscing
</td>
<td class="view-message inbox-small-cells">
<i class="fa fa-paperclip"></i>
</td>
<td class="view-message text-right"> March 14
</td>
</tr>
<tr data-messageid="7">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star inbox-started"></i>
</td>
<td class="view-message hidden-xs"> John Doe
</td>
<td class="view-message"> Lorem ipsum dolor sit amet
</td>
<td class="view-message inbox-small-cells">
<i class="fa fa-paperclip"></i>
</td>
<td class="view-message text-right"> March 15
</td>
</tr>
<tr data-messageid="8">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="view-message hidden-xs"> Facebook
</td>
<td class="view-message view-message"> Dolor sit amet, consectetuer adipiscing
</td>
<td class="view-message inbox-small-cells"> </td>
<td class="view-message text-right"> March 14
</td>
</tr>
<tr data-messageid="9">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="view-message hidden-xs"> John Doe
</td>
<td class="view-message view-message"> Lorem ipsum dolor sit amet
</td>
<td class="view-message inbox-small-cells"> </td>
<td class="view-message text-right"> March 15
</td>
</tr>
<tr data-messageid="10">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="view-message hidden-xs"> Facebook
</td>
<td class="view-message view-message"> Dolor sit amet, consectetuer adipiscing
</td>
<td class="view-message inbox-small-cells"> </td>
<td class="view-message text-right"> March 14
</td>
</tr>
<tr data-messageid="11">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star inbox-started"></i>
</td>
<td class="view-message hidden-xs"> John Doe
</td>
<td class="view-message"> Lorem ipsum dolor sit amet
</td>
<td class="view-message inbox-small-cells"> </td>
<td class="view-message text-right"> March 15
</td>
</tr>
<tr data-messageid="12">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star inbox-started"></i>
</td>
<td class="hidden-xs"> Facebook
</td>
<td class="view-message"> Dolor sit amet, consectetuer adipiscing
</td>
<td class="view-message inbox-small-cells">
<i class="fa fa-paperclip"></i>
</td>
<td class="view-message text-right"> March 14
</td>
</tr>
<tr data-messageid="13">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="view-message hidden-xs"> John Doe
</td>
<td class="view-message"> Lorem ipsum dolor sit amet
</td>
<td class="view-message inbox-small-cells">
<i class="fa fa-paperclip"></i>
</td>
<td class="view-message text-right"> March 15
</td>
</tr>
<tr data-messageid="14">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="hidden-xs"> Facebook
</td>
<td class="view-message view-message"> Dolor sit amet, consectetuer adipiscing
</td>
<td class="view-message inbox-small-cells"> </td>
<td class="view-message text-right"> March 14
</td>
</tr>
<tr data-messageid="15">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="view-message hidden-xs"> John Doe
</td>
<td class="view-message"> Lorem ipsum dolor sit amet
</td>
<td class="view-message inbox-small-cells"> </td>
<td class="view-message text-right"> March 15
</td>
</tr>
<tr data-messageid="16">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="view-message hidden-xs"> Facebook
</td>
<td class="view-message"> Dolor sit amet, consectetuer adipiscing
</td>
<td class="view-message inbox-small-cells"> </td>
<td class="view-message text-right"> March 14
</td>
</tr>
<tr data-messageid="17">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star inbox-started"></i>
</td>
<td class="view-message hidden-xs"> John Doe
</td>
<td class="view-message"> Lorem ipsum dolor sit amet
</td>
<td class="view-message inbox-small-cells"> </td>
<td class="view-message text-right"> March 15
</td>
</tr>
<tr data-messageid="18">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="view-message hidden-xs"> Facebook
</td>
<td class="view-message view-message"> Dolor sit amet, consectetuer adipiscing
</td>
<td class="view-message inbox-small-cells">
<i class="fa fa-paperclip"></i>
</td>
<td class="view-message text-right"> March 14
</td>
</tr>
<tr data-messageid="19">
<td class="inbox-small-cells">
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="mail-checkbox" value="1" />
<span></span>
</label>
</td>
<td class="inbox-small-cells">
<i class="fa fa-star"></i>
</td>
<td class="view-message hidden-xs"> John Doe
</td>
<td class="view-message"> Lorem ipsum dolor sit amet
</td>
<td class="view-message inbox-small-cells">
<i class="fa fa-paperclip"></i>
</td>
<td class="view-message text-right"> March 15
</td>
</tr>
</tbody>
</table>