<title>Tables - Ace Admin</title>
<!-- ajax layout which only needs content area -->
<div class="page-header">
<h1>
Tables
<small>
<i class="ace-icon fa fa-angle-double-right"></i>
Static & Dynamic Tables
</small>
</h1>
</div><!-- /.page-header -->
<div class="row">
<div class="col-xs-12">
<!-- PAGE CONTENT BEGINS -->
<div class="row">
<div class="col-xs-12">
<table id="sample-table-1" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</th>
<th>Domain</th>
<th>Price</th>
<th class="hidden-480">Clicks</th>
<th>
<i class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>
Update
</th>
<th class="hidden-480">Status</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">ace.com</a>
</td>
<td>$45</td>
<td class="hidden-480">3,330</td>
<td>Feb 12</td>
<td class="hidden-480">
<span class="label label-sm label-warning">Expiring</span>
</td>
<td>
<div class="hidden-sm hidden-xs btn-group">
<button class="btn btn-xs btn-success">
<i class="ace-icon fa fa-check bigger-120"></i>
</button>
<button class="btn btn-xs btn-info">
<i class="ace-icon fa fa-pencil bigger-120"></i>
</button>
<button class="btn btn-xs btn-danger">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</button>
<button class="btn btn-xs btn-warning">
<i class="ace-icon fa fa-flag bigger-120"></i>
</button>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">base.com</a>
</td>
<td>$35</td>
<td class="hidden-480">2,595</td>
<td>Feb 18</td>
<td class="hidden-480">
<span class="label label-sm label-success">Registered</span>
</td>
<td>
<div class="hidden-sm hidden-xs btn-group">
<button class="btn btn-xs btn-success">
<i class="ace-icon fa fa-check bigger-120"></i>
</button>
<button class="btn btn-xs btn-info">
<i class="ace-icon fa fa-pencil bigger-120"></i>
</button>
<button class="btn btn-xs btn-danger">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</button>
<button class="btn btn-xs btn-warning">
<i class="ace-icon fa fa-flag bigger-120"></i>
</button>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">max.com</a>
</td>
<td>$60</td>
<td class="hidden-480">4,400</td>
<td>Mar 11</td>
<td class="hidden-480">
<span class="label label-sm label-warning">Expiring</span>
</td>
<td>
<div class="hidden-sm hidden-xs btn-group">
<button class="btn btn-xs btn-success">
<i class="ace-icon fa fa-check bigger-120"></i>
</button>
<button class="btn btn-xs btn-info">
<i class="ace-icon fa fa-pencil bigger-120"></i>
</button>
<button class="btn btn-xs btn-danger">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</button>
<button class="btn btn-xs btn-warning">
<i class="ace-icon fa fa-flag bigger-120"></i>
</button>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">best.com</a>
</td>
<td>$75</td>
<td class="hidden-480">6,500</td>
<td>Apr 03</td>
<td class="hidden-480">
<span class="label label-sm label-inverse arrowed-in">Flagged</span>
</td>
<td>
<div class="hidden-sm hidden-xs btn-group">
<button class="btn btn-xs btn-success">
<i class="ace-icon fa fa-check bigger-120"></i>
</button>
<button class="btn btn-xs btn-info">
<i class="ace-icon fa fa-pencil bigger-120"></i>
</button>
<button class="btn btn-xs btn-danger">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</button>
<button class="btn btn-xs btn-warning">
<i class="ace-icon fa fa-flag bigger-120"></i>
</button>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">pro.com</a>
</td>
<td>$55</td>
<td class="hidden-480">4,250</td>
<td>Jan 21</td>
<td class="hidden-480">
<span class="label label-sm label-success">Registered</span>
</td>
<td>
<div class="hidden-sm hidden-xs btn-group">
<button class="btn btn-xs btn-success">
<i class="ace-icon fa fa-check bigger-120"></i>
</button>
<button class="btn btn-xs btn-info">
<i class="ace-icon fa fa-pencil bigger-120"></i>
</button>
<button class="btn btn-xs btn-danger">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</button>
<button class="btn btn-xs btn-warning">
<i class="ace-icon fa fa-flag bigger-120"></i>
</button>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div><!-- /.span -->
</div><!-- /.row -->
<div class="hr hr-18 dotted hr-double"></div>
<h4 class="pink">
<i class="ace-icon fa fa-hand-o-right icon-animated-hand-pointer blue"></i>
<a href="#modal-table" role="button" class="green" data-toggle="modal"> Table Inside a Modal Box </a>
</h4>
<div class="hr hr-18 dotted hr-double"></div>
<div class="row">
<div class="col-xs-12">
<h3 class="header smaller lighter blue">jQuery dataTables</h3>
<div class="table-header">
Results for "Latest Registered Domains"
</div>
<!-- <div class="table-responsive"> -->
<!-- <div class="dataTables_borderWrap"> -->
<div>
<table id="sample-table-2" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</th>
<th>Domain</th>
<th>Price</th>
<th class="hidden-480">Clicks</th>
<th>
<i class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>
Update
</th>
<th class="hidden-480">Status</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">app.com</a>
</td>
<td>$45</td>
<td class="hidden-480">3,330</td>
<td>Feb 12</td>
<td class="hidden-480">
<span class="label label-sm label-warning">Expiring</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">base.com</a>
</td>
<td>$35</td>
<td class="hidden-480">2,595</td>
<td>Feb 18</td>
<td class="hidden-480">
<span class="label label-sm label-success">Registered</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">max.com</a>
</td>
<td>$60</td>
<td class="hidden-480">4,400</td>
<td>Mar 11</td>
<td class="hidden-480">
<span class="label label-sm label-warning">Expiring</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">best.com</a>
</td>
<td>$75</td>
<td class="hidden-480">6,500</td>
<td>Apr 03</td>
<td class="hidden-480">
<span class="label label-sm label-inverse arrowed-in">Flagged</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">pro.com</a>
</td>
<td>$55</td>
<td class="hidden-480">4,250</td>
<td>Jan 21</td>
<td class="hidden-480">
<span class="label label-sm label-success">Registered</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">team.com</a>
</td>
<td>$40</td>
<td class="hidden-480">3,200</td>
<td>Feb 09</td>
<td class="hidden-480">
<span class="label label-sm label-inverse arrowed-in">Flagged</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">up.com</a>
</td>
<td>$95</td>
<td class="hidden-480">8,520</td>
<td>Feb 22</td>
<td class="hidden-480">
<span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">view.com</a>
</td>
<td>$45</td>
<td class="hidden-480">4,100</td>
<td>Mar 12</td>
<td class="hidden-480">
<span class="label label-sm label-success">Registered</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">nice.com</a>
</td>
<td>$38</td>
<td class="hidden-480">3,940</td>
<td>Feb 12</td>
<td class="hidden-480">
<span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">fine.com</a>
</td>
<td>$25</td>
<td class="hidden-480">2,983</td>
<td>Apr 01</td>
<td class="hidden-480">
<span class="label label-sm label-warning">Expiring</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">good.com</a>
</td>
<td>$50</td>
<td class="hidden-480">6,500</td>
<td>Feb 02</td>
<td class="hidden-480">
<span class="label label-sm label-inverse arrowed-in">Flagged</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">great.com</a>
</td>
<td>$55</td>
<td class="hidden-480">6,400</td>
<td>Feb 24</td>
<td class="hidden-480">
<span class="label label-sm label-success">Registered</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">shine.com</a>
</td>
<td>$25</td>
<td class="hidden-480">2,200</td>
<td>Apr 01</td>
<td class="hidden-480">
<span class="label label-sm label-inverse arrowed-in">Flagged</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">rise.com</a>
</td>
<td>$42</td>
<td class="hidden-480">3,900</td>
<td>Feb 01</td>
<td class="hidden-480">
<span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">above.com</a>
</td>
<td>$35</td>
<td class="hidden-480">3,420</td>
<td>Mar 12</td>
<td class="hidden-480">
<span class="label label-sm label-warning">Expiring</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">share.com</a>
</td>
<td>$30</td>
<td class="hidden-480">3,200</td>
<td>Feb 11</td>
<td class="hidden-480">
<span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">fair.com</a>
</td>
<td>$35</td>
<td class="hidden-480">3,900</td>
<td>Mar 26</td>
<td class="hidden-480">
<span class="label label-sm label-inverse arrowed-in">Flagged</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">year.com</a>
</td>
<td>$48</td>
<td class="hidden-480">3,990</td>
<td>Feb 15</td>
<td class="hidden-480">
<span class="label label-sm label-warning">Expiring</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">day.com</a>
</td>
<td>$55</td>
<td class="hidden-480">5,600</td>
<td>Jan 29</td>
<td class="hidden-480">
<span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">light.com</a>
</td>
<td>$40</td>
<td class="hidden-480">3,100</td>
<td>Feb 17</td>
<td class="hidden-480">
<span class="label label-sm label-success">Registered</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">sight.com</a>
</td>
<td>$58</td>
<td class="hidden-480">6,100</td>
<td>Feb 19</td>
<td class="hidden-480">
<span class="label label-sm label-inverse arrowed-in">Flagged</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">right.com</a>
</td>
<td>$50</td>
<td class="hidden-480">4,400</td>
<td>Apr 01</td>
<td class="hidden-480">
<span class="label label-sm label-warning">Expiring</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="center">
<label class="position-relative">
<input type="checkbox" class="ace" />
<span class="lbl"></span>
</label>
</td>
<td>
<a href="#">once.com</a>
</td>
<td>$20</td>
<td class="hidden-480">1,400</td>
<td>Apr 04</td>
<td class="hidden-480">
<span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
</td>
<td>
<div class="hidden-sm hidden-xs action-buttons">
<a class="blue" href="#">
<i class="ace-icon fa fa-search-plus bigger-130"></i>
</a>
<a class="green" href="#">
<i class="ace-icon fa fa-pencil bigger-130"></i>
</a>
<a class="red" href="#">
<i class="ace-icon fa fa-trash-o bigger-130"></i>
</a>
</div>
<div class="hidden-md hidden-lg">
<div class="inline position-relative">
<button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-caret-down icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<li>
<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
<span class="blue">
<i class="ace-icon fa fa-search-plus bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
<span class="green">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span>
</a>
</li>
<li>
<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
<span class="red">
<i class="ace-icon fa fa-trash-o bigger-120"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="modal-table" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header no-padding">
<div class="table-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<span class="white">×</span>
</button>
Results for "Latest Registered Domains
</div>
</div>
<div class="modal-body no-padding">
<table class="table table-striped table-bordered table-hover no-margin-bottom no-border-top">
<thead>
<tr>
<th>Domain</th>
<th>Price</th>
<th>Clicks</th>
<th>
<i class="ace-icon fa fa-clock-o bigger-110"></i>
Update
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="#">ace.com</a>
</td>
<td>$45</td>
<td>3,330</td>
<td>Feb 12</td>
</tr>
<tr>
<td>
<a href="#">base.com</a>
</td>
<td>$35</td>
<td>2,595</td>
<td>Feb 18</td>
</tr>
<tr>
<td>
<a href="#">max.com</a>
</td>
<td>$60</td>
<td>4,400</td>
<td>Mar 11</td>
</tr>
<tr>
<td>
<a href="#">best.com</a>
</td>
<td>$75</td>
<td>6,500</td>
<td>Apr 03</td>
</tr>
<tr>
<td>
<a href="#">pro.com</a>
</td>
<td>$55</td>
<td>4,250</td>
<td>Jan 21</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer no-margin-top">
<button class="btn btn-sm btn-danger pull-left" data-dismiss="modal">
<i class="ace-icon fa fa-times"></i>
Close
</button>
<ul class="pagination pull-right no-margin">
<li class="prev disabled">
<a href="#">
<i class="ace-icon fa fa-angle-double-left"></i>
</a>
</li>
<li class="active">
<a href="#">1</a>
</li>
<li>
<a href="#">2</a>
</li>
<li>
<a href="#">3</a>
</li>
<li class="next">
<a href="#">
<i class="ace-icon fa fa-angle-double-right"></i>
</a>
</li>
</ul>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<!-- PAGE CONTENT ENDS -->
</div><!-- /.col -->
</div><!-- /.row -->
<!-- page specific plugin scripts -->
<script type="text/javascript">
var scripts = [null,"../../assets/js/jquery.dataTables.js","../../assets/js/jquery.dataTables.bootstrap.js", null]
$('.page-content-area').ace_ajax('loadScripts', scripts, function() {
//inline scripts related to this page
jQuery(function($) {
var oTable1 =
$('#sample-table-2')
//.wrap("<div class='dataTables_borderWrap' />") //if you are applying horizontal scrolling (sScrollX)
.dataTable( {
bAutoWidth: false,
"aoColumns": [
{ "bSortable": false },
null, null,null, null, null,
{ "bSortable": false }
],
"aaSorting": [],
//,
//"sScrollY": "200px",
//"bPaginate": false,
//"sScrollX": "100%",
//"sScrollXInner": "120%",
//"bScrollCollapse": true,
//Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered"
//you may want to wrap the table inside a "div.dataTables_borderWrap" element
//"iDisplayLength": 50
} );
/**
var tableTools = new $.fn.dataTable.TableTools( oTable1, {
"sSwfPath": "../../copy_csv_xls_pdf.swf",
"buttons": [
"copy",
"csv",
"xls",
"pdf",
"print"
]
} );
$( tableTools.fnContainer() ).insertBefore('#sample-table-2');
*/
//oTable1.fnAdjustColumnSizing();
$(document).on('click', 'th input:checkbox' , function(){
var that = this;
$(this).closest('table').find('tr > td:first-child input:checkbox')
.each(function(){
this.checked = that.checked;
$(this).closest('tr').toggleClass('selected');
});
});
$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
function tooltip_placement(context, source) {
var $source = $(source);
var $parent = $source.closest('table')
var off1 = $parent.offset();
var w1 = $parent.width();
var off2 = $source.offset();
//var w2 = $source.width();
if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
return 'left';
}
})
});
</script>