即使数据源更改，DataTable标头也保持不变

Question

我正在使用 jQuery数据表在 angular1 应用中填充表格。 在我的应用程序中，我有2个标签，例如tab1和tab2。 在tab1中，我有一个表，其列标题为col1和col2。同样在tab2中，我有一个表，其列标题为col3和col4。我正在使用范围变量$scope.columnHeading传递列标题，这意味着如果我单击tab1

 $scope.columnHeading = ["col1","col2"]

如果我单击tab2，

$scope.columnHeading = ["col3","col4"].

表结构为

<table id="test" class="table" style="width:100%">
<thead>
    <tr>
        <td ng-repeat="item in columnHeading" ><label>item</label></td>
    </tr>
</thead>
<tbody>
  //body data
</tbody>

现在的问题是，假设我单击 tab1 ，则表的标题将为 col1 和 col2 ，并且该标签将保留在所有标签中，这意味着即使我单击tab2，列标题也不会更改。

如果我从应用中删除了数据表，它将可以正常工作。我该如何解决这个问题？