<table class="table table-striped table-advance table-hover">
<thead>
<tr>
<th colspan="3">
<input type="checkbox" class="mail-checkbox mail-group-checkbox">
<div class="btn-group">
<a class="btn btn-sm blue dropdown-toggle" href="javascript:;" data-toggle="dropdown">
More
<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">
<i class="fa fa-angle-left"></i>
</a>
<a class="btn btn-sm blue">
<i class="fa fa-angle-right"></i>
</a>
</th>
</tr>
</thead>
<tbody>
<tr class="unread" data-messageid="1">
<td class="inbox-small-cells">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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">
<input type="checkbox" class="mail-checkbox">
</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>