Javascript Jquery datatables第一个结果始终保留在表中

Javascript Jquery datatables第一个结果始终保留在表中,javascript,c#,jquery,knockout.js,datatables,Javascript,C#,Jquery,Knockout.js,Datatables,我创建了一个ASP.NET页面,它发送一些请求并获取结果 得到结果后,我将其格式化到HTML表中。结果可能因列数和行数而异 之后,我尝试使用datatables对其进行格式化,使其易于查看和搜索,它工作正常,但只是第一次调用它。我点击按钮得到结果 例如,假设我只得到1个参数和值名status,value ok,它将在下面显示,这是ok status ok 但是在我再次调用它之后,假设我将得到相同的响应结果,结果如下所示 status status ok ok 对于下一次调用,输出表将保持

我创建了一个ASP.NET页面,它发送一些请求并获取结果

得到结果后,我将其格式化到HTML表中。结果可能因列数和行数而异

之后,我尝试使用datatables对其进行格式化,使其易于查看和搜索,它工作正常,但只是第一次调用它。我点击按钮得到结果

例如,假设我只得到1个参数和值名status,value ok,它将在下面显示,这是ok

status
ok
但是在我再次调用它之后,假设我将得到相同的响应结果,结果如下所示

status   status
ok
ok
对于下一次调用,输出表将保持不变,它将显示我得到的第一个结果和最后一个结果

我怎样才能摆脱第一个呢

我试图销毁数据表、tblResults和结果中的旧值——几乎所有我想到的东西

HTML表格:

<table id="tblResults">
    <thead id="tblHead">
        <tr data-bind="foreach: reportHeaders">
            <th data-bind="text: $data"></th>
        </tr>  
    </thead>

    <tbody data-bind="foreach: reportResults">
        <tr data-bind="foreach: rowArray">
          <td data-bind="text: $data"></td>
        </tr>
    </tbody>
</table>


self.reportResults.removeAll();
self.reportHeaders.removeAll();
ko.mapping.fromJS(results.d.results, mappingReportResults, self.reportResults);
ko.mapping.fromJS(results.d.header, self.reportHeaders);
oTable = $('#tblResults').dataTable();

我想知道knockout.js绑定是否与默认的datatables绑定冲突-我对knockout一点也不熟悉,所以这只是一个猜测。据我所知,这不应该是问题,如果我得到5个不同的结果来显示偶数列,它将始终显示第一个和最后一个