Javascript 单击外部输入时，Datatable的列不会更改（数据更改时）

单击输入/按钮时，Datatable中的数据会更改，但列不会更改

我正在尝试根据不同的数据集，单击特定的输入/按钮来更新Datatable。 数据更新时，列不会更新

请在下面找到工作示例代码

JS

var olddata=[[“COL1”、“COL2”、“COL3”]、[1,2,3]、[1,2,3]、[1,2,3]、[1,2,3]；
var-datatablevar；
函数showdata（数据）{
var headerRow=数据[0]；
var noOfth=''；
对于（var colNo=1；colNo请首先检查数据表

按照以下建议更改您的功能，以解决您的问题：


函数showdata（数据）{
var headerRow=数据[0]；
var noOfth=''；
对于（var colNo=1；colNo谢谢.$（“#table”）.empty（）工作，如文档所示。
var olddata = [["COL1","COL2","COL3"],[1,2,3],[1,2,3],[1,2,3]];

var datatablevar;

function showdata(data) {
  var headerRow = data[0];
  var noOfth ='';
  for (var colNo=1; colNo <=headerRow.length; colNo++){
    noOfth += "<th>"+headerRow[colNo-1]+"</th>"; 
  }
  $('#table').append('"<thead><tr>"+' + noOfth + '+"</tr></thead>"');

  data.shift();

  if(datatablevar != undefined) {
    /* datatablevar.clear().draw() */;
    datatablevar.destroy();
  }

  datatablevar = $('#table').DataTable({
    "data": data,
    "aaSorting": [[ 0, "asc"]],
    "order": []
  });
}
showdata(olddata);

$('button#change').click(function(){
    var newdata = [["COL4","COL5"],[1,2],[1,2],[1,2]];
    showdata(newdata);
});

<button id="change">Another Data</button>
<br>
<table id='table'></table>