如何在Datatables中过滤AJAX调用的输出?

时间:2016-04-15 10:39:22

标签: javascript jquery ajax datatable datatables

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

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

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

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

我想要的是过滤输出,例如只填写那些用户的数据,其位置为“英格兰”。

Datatables是一个非常强大的插件,所以我迷失了。任何帮助,将不胜感激。

1 个答案:

答案 0 :(得分:1)

您有几个选择:

  • 如果您不打算显示"英格兰"
  • 以外的地点,请在服务器端过滤数据
  • 使用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