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的功能了。