Jquery 即使数据源发生更改，数据表标题也保持不变

我正在使用jQuery Datatable在angular1应用程序中填充表。 在我的应用程序中，我有两个选项卡，比如tab1和tab2。 在tab1中，我有一个列标题为col1和col2的表。类似地，在tab2中，我有一个列标题为col3和col4的表。我正在使用scope变量

$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，列标题也不会改变

---

如果我从应用程序中删除数据表，它将正常工作。如何解决此问题？

如果您有

{{columnHeading}}

并单击选项卡，您能看到debug元素中的更改吗？有无数据表？（而且，JSFIDLE或类似的东西在分类方面会有很大帮助。）这看起来真的很奇怪。不是问题，而是方法本身。为什么要尝试更改选项卡更改上的列标题？当您使用DataTables并处理在创建之前未知的列时，最好的方法是通过

columns

选项定义标题。如果要更改列标题，必须重新初始化。顺便说一句，我没有看到任何数据表代码；另外顺便说一句：您需要使用正确、有效的HTML，标题由

定义，而不是

…有/没有DataTable，我可以使用

{columnHeading}