fnClearTable sets Column Headers to display: none;

jlrolin

Here's my current code:

[code]
success: function (data) {
dTable = $('#helpdetails').dataTable();
dTable.fnClearTable();
$("#helpdetails > tbody").html(data);
var oTable = $('#helpdetails').dataTable({
"bProcessing": false,
"iDisplayLength": 5,
"bJQueryUI": true,
"bLengthChange": false,
"bFilter": false,
"sDom": 'rt',
"bDestroy": true,
"bStateSave": false
});
}
[/code]

What happens is I need to clear the table, then insert new table rows and re-render. This works fine when I'm not using "bJQueryUI": true, but for some reason -- I come into the form, open up a modal that has the datatable and the headers are shown. I close the modal and go on with my work on the form. When I open up a second, the call clears the table, gets the new data, and the new data shows up. But the headers all have a display:none;

Why is this and can this be fixed? I'm running version 1.7.3.