淘先锋技术网

首页 1 2 3 4 5 6 7

DataTables是一款jQuery插件,它可以轻松地将HTML表格转化为交互式的、可排序的、带分页和搜索功能的数据表。

而 DataTable 提供的JSON 数据却是最广泛使用的数据源之一。下面我们来介绍下如何使用json作为dataTable的数据源:

$(document).ready(function() {
$('#example').DataTable( {
"ajax": "data/data.json",
"columns": [
{"data": "name"},
{"data": "position"},
{"data": "office"},
{"data": "salary"}
]
} );
} );

如上例子所示,使用 DataTable 的 ajax 参数直接将 json 作为数据源引入后通过 columns 的参数对应数据的 key,dataTable 就可以按调整好的列名来显示相应的数据了。

通过上述代码,我们就可以轻松的实现使用datatable json的功能了。