我已经成功设置了一个Datatables插件,创建了一个新表,并使用AJAX调用将其填充了内容:
var table= $("#mytable").DataTable({
ajax: "list.json",
columns: [
{"data": "name"},
{"data": "location"},
{"data": "date"}
]
});
上面的示例已从我导入的JSON文件中输出了所有项目。
我想要的是过滤输出,例如仅将位置为“英格兰”的那些用户的数据填充到表中。
Datatables是一个功能非常强大的插件,因此我对此一无所知。任何帮助,将不胜感激。
最佳答案
您有几种选择:
如果您不打算显示“英格兰”以外的位置,请在服务器端过滤数据
使用ajax.dataSrc
选项或xhr
事件处理通过Ajax接收的数据
使用search
或searchCols
选项定义全局或特定列的初始搜索:
var table= $("#mytable").DataTable({
ajax: "list.json",
columns: [
{"data": "name"},
{"data": "location"},
{"data": "date"}
],
searchCols: [
null,
{ "search": "England" },
null
]
});
有关代码和演示,请参见this jsFiddle。