jQuery Datatables - 来自 AJAX 响应的表头

标签 jquery datatables

我正在通过数据表 ajax 请求检索包含不同长度行的数据集。例如,一个响应可能是:

... ['jan', 'feb', 'march', 'april'] ...

不同的响应只会是:

... ['jan', 'feb'] ...

我见过的大多数示例都已将表头硬编码到 HTML 中。我想要做的是动态更新标题及其各自的列数据。

我希望能够做这样的事情,我能够使用 dataSrc 更新标题,但那时数据表已经创建并且无法正确填写表的其余部分。

....
table = $('#datatables').DataTable( {
    "ajax": {
        "url": "/foo/bar/",
        "type": "GET",
        dataSrc: function (json) { 
            populate_table_header(json)
            return json.blah;
        }
},
...

我完全可以销毁并重新创建表,我只需要知道如何在使用新 header 的 AJAX 响应数据时创建表。

编辑

这是一个例子

   {  
  "data":[  
     ...
     [  
        "8290808-123123",
        "Boo Far",
        "bar@fu.com",
        "Other",
        "12",
        "21390",
        "123",
        "-",
        "-"
     ],
     [  
        "123123-032489",
        "Foo Bar",
        "foo@bar.com",
        "Name",
        "1",
        "2",
        "50",
        "-",
        "-"
     ],
     ...
  ],
  "header":[  
     "Owner",
     "Subscription",
     "Oct '16",
     "Nov '16",
     "Dec '16",
     "Jan '17",
     "Feb '17"
  ],


}

在初始化数据表之前不进行单独的 AJAX 调用是否可以实现?

最佳答案

尝试这个答案。 datatables.net

艾伦说

Good to hear you got it working :-)

如果您无法解决这样的问题,添加实时 jsfidde 演示可能会对您有所帮助。 祝工作顺利。

关于jQuery Datatables - 来自 AJAX 响应的表头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42130427/

相关文章:

javascript - 使用 jQuery 更改 twig foreach 循环中的类

jquery div背景图片循环

javascript - 重置数据表中过滤的数据

jquery - 将 Bootstrap 数据表的所有行导出到 Excel

button - 运行数据表角度指令时未捕获的 TypeError : Cannot read property 'version' of undefined at buttons. flash.js

javascript - 单击 td 不适用于数据表中的所有内容

javascript - 在 AJAX 加载的部分 View (MVC4) 上使用自动完成 (Jquery)

javascript - selectboxit 的 AngularJs 问题

javascript - ReplaceAll 以清理字符串

javascript - 如何获取数据表列的值?