如果使用 fnAddData 添加数据，Jquery DataTables 搜索框不会返回任何结果？

Question

我使用 ajax 调用从服务器获取数据数组，然后使用 fnAddData 将其添加到我的数据表中，它可以很好地显示数据，问题是当我在搜索框中键入任何内容时，表显示没有匹配的行..我猜它与 fnAddData 有关？

这是我的代码：

$oTbl = $('#tbl').dataTable({
    "bJQueryUI": true,
    "sPaginationType": "full_numbers"
});

$.ajax({
    url: "Fn.php",
    type: "POST",
    data: {fn: "readData"},
    cache: false,
    success: function (res) {
        $oTbl.fnClearTable();
        $oTbl.fnAddData(JSON.parse(res));
    }
});

Answer 1

Json Example:  {readData:[{"id":1,"name":"clearing House"}]       



dTable = $('#tbl').dataTable( {
    "bJQueryUI": true,
    "sPaginationType": "full_numbers",       
    "bProcessing": true,       
    "sAjaxSource": "Fn.php",  //your url      
    "sAjaxDataProp": "readData", //your json obj
        "aoColumns": [
                      { "mDataProp": "id", "bVisible":false },
                      { "sTitle":"Provider Name", "mDataProp": "name" }
                     ]                       
    });


 Hope this helps u...