Jquery dataTable用分页处理json数据

Question

首先，我有来自这个GET /api/fruit?per_page=10&page=1的网址的数据，这就是我得到的：

{
  "data": [
    {
      "id": "1",
      "name": "Orange",
      "price": "200"
    },
    {
      "id": "2",
      "name": "Manggo",
      "price": "300"
    },
    ...(display 10 data)
  ],
  "meta": {
    "pagination": {
      "total": 69487,
      "count": 10,
      "per_page": 10,
      "current_page": 1,
      "total_pages": 4633
    }
  }
}

然后我遵循此代码fiddle并成功呈现数据和分页工作。但输入搜索不起作用。我的问题是如何正确使用jquery dataTable与来自api的数据，如GET /api/fruit?per_page=10&page=1