Database renders incorrectly until clicked?

ConradM

My datatable renders off to the side until I click a column to sort it, then it's nearly correct, but the data renders a bit out of the border. Any idea what could be happening?

http://i.imgur.com/VYbX9.png

[code]


$(document).ready(function() {
$('#example').dataTable( {
"iDisplayStart": 100,
"bPaginate": false,
"sScrollY": 350,
"bJQueryUI": true,
"aaData": [ <?php echo $output ?>
],
"aoColumns": [
{ "sTitle": "Date" },
{ "sTitle": "Name" },
{ "sTitle": "Team" },
{ "sTitle": "Data", "sClass": "center"}
]
} );
} );

[/code]

Thanks!

edit: also if you would be so kind, how can I make the space bigger around the search bar and the bar at the bottom? Thanks!