Jquery DataTables：无法制作动态标题答案

【问题标题】：Jquery DataTables : Not able to make dynamic headerJquery DataTables：无法制作动态标题
【发布时间】：2015-06-26 09:30:34
【问题描述】：

有 2 个 JSON 文件

JSON1

callback({
"docs":[
      {
        "A":"qwe",
        "B":"asd",
        "C":"zxc",
        "D":"mnb",
      }]
  })

JSON2

callback({
    "docs":[
          {
            "1":"123",
            "2":"456",
            "3":"789",
            "4":"012",
          }]
      })

使用 Jquery DataTables 插件读取 JSON 文件并将其显示在表格中。

我希望将“A”、“B”、“C”、“D”和“1”、“2”、“3”、“4”用作表头或列名

每个 Json 文件都是基于不同的复选框单击来调用的，因为每个 JSON 都有不同的列标题，我希望列/表标题是动态的。

这是我的数据表初始化

var table = $('#example').DataTable({
                            "data": items,
                            "aoColumns": columns,
                            "scrollX": true,
                            "bAutoWidth": true,
                            });

items 变量包含已解析的 json 数据，这些数据传递给数据，我能够获取表中呈现的数据

columns 变量包含解析的 JSON 列名，我将它传递给“aoColumns”，但我没有得到动态标题值

已经定义了一个默认的表头，对于任何请求，我都会得到默认头而不是相应的动态头。

如果我遗漏了什么，请告诉我

提前谢谢...！！！

【问题讨论】：

标签： jquery json datatable datatables

【解决方案1】：

如果您想更改数据和列定义，从头开始重新初始化表可能会更容易。

使用$('#example').dataTable().fnDestroy();，然后使用不同的items 和columns 变量调用您的初始化代码。

这也是另一种方法，记录在数据表插件网站上（在这种情况下，他们使用.destroy() 而不是.fnDestroy()，但它们本质上是相同的，只是在不同的代码设置中）：

https://datatables.net/reference/api/destroy()

【讨论】：