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>
<script src="http://almsaeedstudio.com/AdminLTE/js/AdminLTE/app.js"></script>
<table id='tabelainfo' name="tabelainfo" class="table table-bordered table-hover dataTable" style="margin-left: 0px; width: 1315px;">
<thead>
<tr>
<th>Teste</th>
<th>Teste Teste 1</th>
<th>Teste Teste 2</th>
<th>Teste Teste 3</th>
<th>Teste 4</th>
<th>Teste 5</th>
<th>Teste Teste 6</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>24/09/2013 15:27:42</td>
<td>13-0599-002</td>
<td>########## ############ #######</td>
<td>##########</td>
<td>##########</td>
<td>##########</td>
</tr>
<tr>
<td>2</td>
<td>24/09/2013 15:29:52</td>
<td>13-0599-002</td>
<td>########## ############ #######</td>
<td>##########</td>
<td>##########</td>
<td>##########</td>
</tr>
<tr>
<td>3</td>
<td>03/10/2013 08:30:22</td>
<td>002</td>
<td>########## ############ #######</td>
<td>##########</td>
<td>##########</td>
<td>##########</td>
</tr>
<tr>
<td>4</td>
<td>03/10/2013 16:45:08</td>
<td>13-0599-002</td>
<td>########## ############ #######</td>
<td>##########</td>
<td>##########</td>
<td>##########</td>
</tr>
<tr>
<td>5</td>
...
JavaScript
$(function(){
$('#tabelainfo').dataTable({
"bLengthChange": false,
"bFilter": true,
"bSort": true,
"bInfo": true,
"bAutoWidth": false,
"sScrollY": "200px",
"sScrollX": "100%",
"sPaginationType": "full_numbers",
"bRetrieve": true,
"bScrollCollapse": true,
});
$(".dataTables_scrollBody").css('width', '102%');
/* commented out not working stuff
$(window).bind('resize', function() {
oTable.fnAdjustColumnSizing();
});
jQuery('#' + idTabela).wrap('<div class="scrollStyle" />');
*/
});