Datatables插件-四种数据来源

这篇博客详细介绍了Datatables插件的四种数据来源:DOM、数组、AJAX和服务器。DOM源直接从页面获取数据;数组源通过aaData传递数据数组;AJAX源通过服务器请求获取JSON数据;服务器源在服务器端处理分页、排序和过滤。文章还解释了各种参数和返回数据的格式。
摘要由CSDN通过智能技术生成

Datatables功能强大,支持分页,支持行数限制。

支持前端做二次搜索,前端接收所有数据,再输入关键词,可以过滤很多无用行。

填充数据即可使用,免去了图形绘制等琐碎劳动。

Datatables使用较为简单,支持数组,前端ajax接收到返回的消息之后,将json数组转化成数组,然后提供给这个组件,接着指定列名。

重点:下面的资料描述不清楚。仅供参考。前缀aaData,aoColumns,都可以去掉,有更友好的方式来调用。

一般来说,使用第二种和第三种结合的方式,接收到ajax返回后,遍历每个元素,提取其中有效元素,构建一个数组。

 

四种数据来源:
对于jQuery dataTables 来说,支持四种表格数据来源。
最为基本的就是来源于网页,在 dataTables 中称为 DOM 来源。

$(document).ready(function() {
    $('#example').dataTable();
} );

第二种数据来源为javascript中的数组,通过在初始化对象中传递一个名为 aaData 的数组,同样可以提供表格数据,前缀 aa 说明这是一个数组的数组,外层的数组表示表格的行,每一行同样是一个数组。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值