scrollX and scroolY display duplicate header and footer.

eclipsetalk

Hi,
I'm using the scroll function but a duplicate header and footer are displayed. I added the following code below but when I resize the browser, the duplicate header and footer are re-displayed. How can I remove them?
Thank you

"initComplete": function() {
$('.dataTables_scrollBody thead tr').hide();
$('.dataTables_scrollBody tfoot tr').hide();
},
"drawCallback": function(settings) {
$('.dataTables_scrollBody thead tr').hide();
$('.dataTables_scrollBody tfoot tr').hide();

            },