DataTable plus Knockout Caching Issue

bcaspar

I am creating a data table in my view model, populating this table with Knockout on my html page, and pulling data for this table in my data model.

The purpose of this table is to display specific data on the click of any one of a number if buttons E.g. click button 1, show data 1. Click button 2, show data 2 etc.

When a button is clicked for a second time, this data should clear. However, when I first run the app, the data from whichever button I click first stays in the table indefinitely. Each time I turn data on/off after the first time, the functionality works.

I am using IE10. I turned caching off in the browser, and I prevented ajax from caching. When I comment out the data table functionality, it works great, but is lacking the scroll bar and a few other details that DataTables provides for me. My current DataTable call is:

[code]

if (oTable == null) {

oTable = $('#gridData').dataTable({
"sScrollY": "300px",
"bScrollCollapse": true,
"bFilter": false,
"bSort": false,
"bAutoWidth": true,
"bPaginate": false,
"bLengthChange": false
});
}

[/code]

I have tried commands like fnClearTable, fnDraw, fnDestroy, bDestroy, but these either accomplish nothing or eliminate all formatting on the table.

Any suggestions on how to fix this issue?