Jquery HTML表未完全清除

我使用bootstrapTable或dataTable生成一个表。此表使用GET方法填充内容，有一个按钮用于填充新内容，因此可以清空以前的数据并写入新内容

这就是问题所在。BootstrapTable或DataTable有一个页脚描述，显示行的总和。当我写新数据时，我注意到它们与以前的内容进行了汇总。使用

$（“#table1）.html（“”

清除以前的数据并写入新数据

发生的情况是，从技术上讲，在页面视图中，该表是“清除”的，但页脚描述显示了以前的数据，例如

显示了66个条目中的1到10个

，并且访问源代码视图，所有行仍然存在

例如：

<table id="table1"> 
  <thead>
    <th> HEAD 1</th>
    <th> HEAD 2</th>
    <th> HEAD 3</th>
    <th> HEAD 4</th>
  </thead>
  <tbody>
    <tr>
      <td> Baar 1 </td>
      <td>  Baar 1 </td>
      <td>  Baar 1</td>
      <td>  Baar 1</td>
      <td>  Baar 1</td>      
    </tr>

    <tr>
      <td>  Baar 2</td>
      <td>  Baar 2 </td>
      <td>  Baar 2</td>
      <td>  Baar 2</td>
      <td>  Baar 2</td>      
    </tr>

     <tr>
      <td> Baar 3 </td>
      <td>Baar 3 </td>
      <td> Baar 3</td>
      <td> Baar 3</td>
      <td> Baar 3</td>      
    </tr>

  </tbody>

</table>

用于测试，但是一个按钮

单击此处

---

已经测试过：

empty（）

和

remove（）
对于数据表，为什么不使用
destroy（）
或
clear（）
方法呢？另外，
$（'table1 tbody'）.html（“”；
只清除tbody，而不清除页脚（这将是
tfoot
）是的，CTRL+U将向您显示js/jquery未更改的原始HTML源代码。要查看DOM的更改，您必须使用浏览器中内置的inspector。我使用了datatable函数
clear（）
和
draw（）
aa，并且工作正常。谢谢：）
<table id="table1"> 
  <thead>
    <th> HEAD 1</th>
    <th> HEAD 2</th>
    <th> HEAD 3</th>
    <th> HEAD 4</th>
  </thead>
  <tbody>

  </tbody>

</table>

$(document).ready(function() {
    $('button[name=button]').on('click',function(){
        $('#table1 tbody').html("");
    });

});