datatables动态表头ajax,jQuery Datatables

我正在通过Datatables ajax请求检索包含不同行长度的数据集 . 例如，一个响应可能是：

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

不同的响应只会是：

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

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

我希望能够做到这样的事情，我能够用dataSrc更新 Headers ，但到那时，数据表已经被创建，无法正确填写表的其余部分 .

....

table = $('#datatables').DataTable( {

"ajax": {

"url": "/foo/bar/",

"type": "GET",

dataSrc: function (json) {

populate_table_header(json)

return json.blah;

}

...

我完全可以破坏并重新创建表，我只需要知道如何在为新 Headers 使用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动态表头ajax,jQuery Datatables - 来自AJAX响应的表头相关推荐

[Ajax] jQuery中的Ajax -- 01-jQuery中的Ajax
jQuery中的Ajax 参考文档 jQuery中的Ajax 六个Ajax操作方法 load()方法 $.get()方法 $.post()方法 $.ajax()方法 $.getScript()方法 $ ...
什么是Ajax ? 为什么要学习Ajax jQuery中的Ajax怎么使用 10
什么是Ajax Ajax 的全称是 Asynchronous JavaScript And XML (异步 JavaScript 和 xml ) 通俗理解:在网页中利用 XMLHttpRequest ...
datables自定义ajax,JQuery DataTables.net自定义列宽度在ajax加载后不起作用
因为数据表是如何实现的,你可以设置宽度为所有列,但一个.然后,该专栏将设计成占据剩余的空间. 但是,我们不希望这样.所以,我所做的是在文件的CSS部分添加一个新条目. 我说: table#tblNot ...
ajax jquery php_基于Ajax jquery的使用php登录
我使用基于PHP的登录表单与Ajax和jQuery以下是我的登录表单 Please Sign In Login Register 和我的阿贾克斯代码登录 $("button#submit&q ...
[Ajax] jQuery中的Ajax -- 04-异步提交表单
异步提交表单异步提交表单的步骤获取表单及所有表单组件对应的数据值. 将所有表单组件对应的数据值拼成特定格式的字符串或是JSON格式数据. 通过Ajax异步交互方式提交表单. <!DOCTYP ...
svg html5 ajax,jQuery附加到AJAX加载的SVG问题
我通过 AJAX从外部文件成功加载了一些svg: $("#svg").load(svgUrl + " svg",function() { // do stuff ...
[Ajax] jQuery中的Ajax -- 02-jQuery中的三级联动
案例 jQuery的三级联动 server2.json代码展示 [{"province": "吉林省","cities": [{" ...
[Ajax] jQuery中的Ajax -- 03-搜索框提示效果
案例搜索框提示效果平常说异步交互的时候,大多数想到的是三级联动,但是根据百度搜索框的样式发现,搜索框提示也是异步交互代码下载地址从效果中可以看出在不输入内容的情况下不显示输入有内容显示内容 ...
jquery中ajax中的参数,jquery中的ajax参数
jquery中将ajax封装成了函数,我们使用起来非常方便,jquery会自动根据内容选择post还是get方式提交数据,并且会自动编码,但是要想完全掌握jquery中的ajax,我们必须将它的各个参 ...

datatables动态表头ajax,jQuery Datatables - 来自AJAX响应的表头

datatables动态表头ajax,jQuery Datatables - 来自AJAX响应的表头相关推荐

最新文章

热门文章