我已经成功设置了一个Datatables插件,创建了一个新表,并使用AJAX调用将其填充了内容:

var table= $("#mytable").DataTable({

    ajax: "list.json",
    columns: [
        {"data": "name"},
        {"data": "location"},
        {"data": "date"}
    ]
});


上面的示例已从我导入的JSON文件中输出了所有项目。

我想要的是过滤输出,例如仅将位置为“英格兰”的那些用户的数据填充到表中。

Datatables是一个功能非常强大的插件,因此我对此一无所知。任何帮助,将不胜感激。

最佳答案

您有几种选择:


如果您不打算显示“英格兰”以外的位置,请在服务器端过滤数据
使用ajax.dataSrc选项或xhr事件处理通过Ajax接收的数据
使用searchsearchCols选项定义全局或特定列的初始搜索:

var table= $("#mytable").DataTable({
   ajax: "list.json",
   columns: [
      {"data": "name"},
      {"data": "location"},
      {"data": "date"}
   ],
   searchCols: [
      null,
      { "search": "England" },
      null
   ]
});


有关代码和演示,请参见this jsFiddle

09-25 16:44
查看更多