Data Table Loading Issue

xkenshin

Hi, I'm using a datatable to display a huge amount of content from database, the problem is, the page load all the content without the datatable formats and css, in a while later only after the content finish load, the datatable formats and all the pretty css coming out. I'm using example exactly from this link
http://www.datatables.net/examples/basic_init/themes.html

My Code

[js]


$(document).ready(function() {
oTable = $('#example').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
} );



[html]


<!--<?php //echo base_url(); ?>-->






W/R#
BM Asset#
Action
Department
By
Due



<?PHP foreach($query->result() as $row): ?>

<?= $row->WO_REQUEST_ID ?>
<?= $row->CONTROL_NUMBER ?>
<?= $row->ACTION_NAME ?>
<?= $row->DEPARTMENT_NAME ?>
<?= ""; ?>
<?= ""; ?>

<?PHP endforeach; ?>







Is it possible for me to prevent the earlier page (without the datatable formats and css) from displaying, or maybe a loading sequence. Or any other options do i have?