Table Scrollable
HTML
<link rel="stylesheet" href="http://almsaeedstudio.com/AdminLTE/css/bootstrap.min.css">
<link rel="stylesheet" href="http://almsaeedstudio.com/AdminLTE/css/datatables/dataTables.bootstrap.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="http://almsaeedstudio.com/AdminLTE/js/bootstrap.min.js"></script>
<script src="http://almsaeedstudio.com/AdminLTE/js/plugins/datatables/jquery.dataTables.js"></script>
<script src="http://almsaeedstudio.com/AdminLTE/js/plugins/datatables/dataTables.bootstrap.js"></script>
<table id="overview-total-leads-table" class="table table-bordered nowrap" cellspacing="0" width="100%">
<thead>
<tr>
<th>Lead Name</th>
<th>Lead ID</th>
<th>Lead Type</th>
<th>Hot Lead</th>
<th>SMS Opt-In</th>
<th>Appointment</th>
<th>Appointment Date</th>
<th>Dealer Contact Response</th>
<th>Car Purchase</th>
<th>Review</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
...
JavaScript
$(function(){
$('#tabelainfo').dataTable({
"scrollX": true,
"bLengthChange": false
});
});